diff --git a/source b/source index 39aac2bb622..549f53466e4 100644 --- a/source +++ b/source @@ -15648,10 +15648,10 @@ interface HTMLBodyElement : HTMLElement {}; <header> <h1 itemprop="headline">My Day at the Beach</h1> </header> - <main itemprop="articleBody"> + <div itemprop="articleBody"> <p>Today I went to the beach and had a lot of fun.</p> ...more content... - </main> + </div> <footer> <p>Posted <time itemprop="datePublished" datetime="2009-10-10">Thursday</time>.</p> </footer> @@ -15669,10 +15669,6 @@ interface HTMLBodyElement : HTMLElement {}; </footer> </body> -
Notice the main
elements being used to wrap all the contents of the page other
- than the header and footer, and all the contents of the blog entry other than its header and
- footer.
You can also see microdata annotations in the above example that use the schema.org vocabulary to provide the publication date and other metadata about the blog post.
@@ -17287,11 +17283,9 @@ Space is not the only void </nav> <h1>We're adopting a child!</h1> </header> - <main> - <p>As of today, Janine and I have signed the papers to become - the proud parents of baby Diane! We've been looking forward to - this day for weeks.</p> - </main> + <p>As of today, Janine and I have signed the papers to become + the proud parents of baby Diane! We've been looking forward to + this day for weeks.</p> </article> </html> @@ -17308,8 +17302,8 @@ Space is not the only void -Also worthy of note in this example is that the header
and main
- elements have no effect whatsoever on the document outline.
Also worthy of note in this example is that the header
element has no effect
+ whatsoever on the document outline.
HTMLElement
.The main
element can be used as a container for the dominant contents of another
- element. It represents its children.
The main
element can be used as a container for the dominant contents of the
+ document. It represents its children.
The main
element is distinct from the section
and
article
elements in that the main
element does not contribute to the
document outline.
There is no restriction as to the number of main
elements in a
- document. Indeed, there are many cases where it would make sense to have multiple
- main
elements. For example, a page with multiple article
elements might
- need to indicate the dominant contents of each such element.
While there is no restriction as to the number of main
elements in a
+ document, web developers are encouraged to stick to a single element.
This dialog box has some small print. The main
element is used to draw the user's
- attention to the more important parts.
This dialog box has some small print. The strong
element is used to draw the
+ user's attention to the more important part.
<dialog> <h1>Add to Wallet</h1> - <main> - <p>How many gold coins do you want to add to your wallet?</p> - <p><input name=amt type=number min=0 step=0.01 value=100></p> - </main> + <p><strong><label for=amt>How many gold coins do you want to add to your wallet?</label></strong></p> + <p><input id=amt name=amt type=number min=0 step=0.01 value=100></p> <p><small>You add coins at your own risk.</small></p> <p><label><input name=round type=checkbox> Only add perfectly round coins </label></p> <p><input type=button onclick="submit()" value="Add Coins"></p>