Skip to main content

<div> ↔ generic content divisionBlock Element to contain Flow Content w/o Semantics

<article>​

Article ContentSemantic<div\>Block Element to contain main text content

Semantic Footer <div\>for info about author, copyright & related content

Semantic Header <div\>to group intro content

<main>​

Semantic Main Content <div\>to group <article\> & sub-content elements

Semantic Navigation Section <div\>to group navigational Element

<section\>​

Semantic generic Section <div\> to contain standalone section of Document

References​

  1. <article> ↔ Article ContentSemantic<div\>Block Element to contain main text content

  2. <nav\> ↔ Semantic Navigation Section <div\>to group navigational Element

  3. <header\> ↔ Semantic Header <div\>to group intro content

  4. <section\> ↔ Semantic generic Section <div\> to contain standalone section of Document

  5. <footer\> ↔ Semantic Footer <div\>for info about author, copyright & related content

  6. <main> ↔ Semantic Main Content <div\>to group <article\> & sub-content elements