A semantic element can clearly describe its meaning to browsers and developers.
Semantic element examples: dc6dce4a544fdca2df29d5ac0ea9906b and 45a2772a6b6107b401db3c9b82c049c2 - no need to consider content.
Semantic element examples: ff9c23ada1bcecdd1a0fb5d5a0f18437, f5d188ed2c074f8b944552db028f98a1, and a1f02c36ba31691bcfe87b2722de723b - Clearly defines its content.
Browser support
Internet Explorer 9+, Firefox, Chrome, Safari and Opera support semantic elements.
Note: Internet Explorer 8 and earlier do not support this element. However, compatible workarounds are provided at the bottom of the article.
New semantic elements in HTML5
Many existing Some websites contain the following HTML code: eb545d6e9e25f5c0174408f6286375ad, 924ff17625d603f964501dd897c96cc6, or 171c8477c82d74a9b2eea84eaab93167, to indicate navigation links, headers, And the tail.
HTML5 provides new semantic elements to clarify the
HTML5 23c3de37f2f9ebcb477c4a90aac6fffd element of a Web page. The
23c3de37f2f9ebcb477c4a90aac6fffd tag defines independent content. .
23c3de37f2f9ebcb477c4a90aac6fffd Element usage example:
Forum post
Blog post
News story
Comment
Internet Explorer 9
Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....
HTML5 c787b9a589a3ece771e842a6176cf8e9 Element The
c787b9a589a3ece771e842a6176cf8e9 tag defines the portion of the navigation link.
The c787b9a589a3ece771e842a6176cf8e9 element is used to define the navigation link area of the page. However, not all links need to be included in the c787b9a589a3ece771e842a6176cf8e9 element!
Example
HTML5 15221ee8cba27fc1d7a26c47a001eb9b Element
15221ee8cba27fc1d7a26c47a001eb9b tag defines content outside the main area of the page (such as a sidebar).
The content of the aside tag should be related to the content of the main area.
My family and I visited The Epcot center this summer.
HTML5 1aa9e5d373740b65a0cc8f0a02150c53 element
1aa9e5d373740b65a0cc8f0a02150c53 element describes the head area of the document
1aa9e5d373740b65a0cc8f0a02150c53 element Note that it is used to define the introductory display area of the content.
You can use multiple 1aa9e5d373740b65a0cc8f0a02150c53 elements in the page.
The following example defines Header of the article:
Example
Internet Explorer 9
Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....
HTML5 c37f8231a37e88427e62669260f0074d element
c37f8231a37e88427e62669260f0074d The element describes the bottom area of the document.
< The ;footer> element should contain its containing element
A footer usually contains the document's author, copyright information, linked terms of use, contact information, etc.
You can use multiple < in a document ;footer>Element.
Example
HTML5 24203f2f45e6606542ba09fd2181843a and 614eb9dc63b3fb809437a716aa228d24 elements
24203f2f45e6606542ba09fd2181843a tags specify independent flow content (images, charts , photos, code, etc.). The content of the
24203f2f45e6606542ba09fd2181843a element should be related to the main content, but should have no impact on document flow if removed.
614eb9dc63b3fb809437a716aa228d24 Tag definition 24203f2f45e6606542ba09fd2181843a Caption of the element.
The above is the detailed content of Introducing examples of HTML5 semantic elements. For more information, please follow other related articles on the PHP Chinese website!
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn