11.43. HTML5 semantic elements

发布时间 : 2025-10-25 13:33:12 UTC      

Page Views: 10 views

Semantic = meaning

Semantic element = meaningful element

11.43.1. What are semantic elements?

A semantic element can clearly describe its meaning to browsers and developers.

Examples of no semantic elements:

and -there is no need to consider the content.

Semantic element instance:

, , and -Clearly defined its content.

11.43.2. Browser support

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9 supports semantic elements, Firefox, Chrome, Safari, and Opera.

Note: this element is not supported in Internet Explorer 8 and earlier. But a compatible solution is provided at the bottom of the article.

11.43.3. New semantic elements in HTML5

Many existing websites contain the following HTML code: < div id= “nav” >, < div class= “header” >, or < div id= “footer” > to indicate the navigation link, header, and tail.

HTML5 provides new semantic elements to identify different parts of a Web page: