Skip to main content

Block Element ↔ 📦 Element to stack as blocks (default) & fill width of HTML

<aside\>​

AsideBlock Element to contain content indirectly related to <main\> <article\>

<blockquote\>​

Block Quotation Block Element to enclose text with indented grey box with quotation marks

<details>​

DetailsBlock Element for togglable disclosure widget to embed <summary\>

<div>​

generic content divisionBlock Element to contain Flow Content w/o Semantics

<dl>​

Definition/Description List Block Element to group list of <dd\>/<dt\> terms

<figure>​

FigureBlock Element to embed figure as <img\> along with <figcaption\>

<hr\>​

Horizontal Rule Block Element to add thematic break between paragraphs

<li>​

List Item Block Element to rep individual item in list (<ol\>, <ul\> or <menu\>)

<ol>​

Ordered List Block Element to contain <li\> as number list

<p\>​

Paragraph Block Element to display block of text

<table>​

TableBlock Element container to embed tabulated data

<ul>​

Unordered List Block Element to embed <li\> (default display bullet points)

References​

  1. <p\> ↔ Paragraph Block Element to display block of text

  2. <blockquote\> ↔ Block Quotation Block Element to enclose text with indented grey box with quotation marks

  3. <details> ↔ DetailsBlock Element for togglable disclosure widget to embed <summary\>

  4. <h1\>...<h6\> ↔ Section Heading Block Element to rep 6 levels of headings

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

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

  7. <ul> ↔ Unordered List Block Element to embed <li\> (default display bullet points)

  8. <ol> ↔ Ordered List Block Element to contain <li\> as number list

  9. <li> ↔ List Item Block Element to rep individual item in list (<ol\>, <ul\> or <menu\>)

  10. <menu> ↔ Semantic <ul\> Menu List Block Element to display list of Interactive items

  11. <hr\> ↔ Horizontal Rule Block Element to add thematic break between paragraphs

  12. <dl> ↔ Definition/Description List Block Element to group list of <dd\>/<dt\> terms

  13. <summary> ↔ Disclosure Summary Block Element to specify summary, caption or legend for <details\> box

  14. <dd> ↔ Definition/Description Details Block Element to provide description/definition for preceding <dt\> , within <dl\> container

  15. <dt> ↔ Definition/Description Term Block Element to specify term in <dl\> container

  16. <aside\> ↔ AsideBlock Element to contain content indirectly related to <main\> <article\>

  17. <figure> ↔ FigureBlock Element to embed figure as <img\> along with <figcaption\>

  18. <figcaption> ↔ Figure CaptionBlock Element to provide caption or legend to parent <figure\>

  19. <table> ↔ TableBlock Element container to embed tabulated data

  20. <thead\> ↔ Table HeadBlock Element for header of table columns

  21. <tbody> ↔ Table BodyBlock Element to embed <tr\>

  22. <tr> ↔ Table RowBlock Element for each cell row in table

  23. <td\> ↔ Table Data CellBlock Element for cell of table with data

  24. <tfoot\> ↔ Table FootBlock Element for row to summarize table columns

  25. <th\> ↔ Table HeaderBlock Element for cell header of table

  26. block ↔ CSS Value to set display as Block Element