What is the meaning of HTML5 semantic tags

In HTML5, semantic tags can clearly describe their meaning to browsers and developers, that is, try to use Html tags with corresponding structural meanings. Semantic tags include "footer" and "header" ”, “nav”, “figcaption” tags, etc.

The operating environment of this tutorial: Windows 10 system, HTML5 version, Dell G3 computer.

What is the meaning of HTML5 semantic tags

Semantics = meaning

Semantic elements = meaningful elements

What are semantic elements?

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

Examples of non-semantic elements:

and - no need to consider content.

Examples of semantic elements:

, , and - Clearly define its content.

Many existing websites contain the following HTML code:

,

, or , to indicate navigation links, headers, and footers.

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

• ##

##

##

##The example is as follows:

The

tag defines a section (section, section) in the document. Such as chapters, headers, footers, or other parts of the document.

 
 
 



  
WWF
  
The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.


  
WWF's Panda symbol
  
The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.

Output result:

Recommended tutorial: "

html video tutorial"

The above is the detailed content of What is the meaning of HTML5 semantic tags. For more information, please follow other related articles on the PHP Chinese website!