Home  >  Article  >  Web Front-end  >  Is div an html5 semantic tag?

Is div an html5 semantic tag?

青灯夜游
青灯夜游Original
2022-01-11 15:30:272578browse

div is not an html5 semantic tag. div is an unsemantic tag, mainly used to define a separated block or an area part in an HTML document. The tag cannot clearly express the meaning of the content of the area. The div tag is often used to group block-level elements so that they can be formatted through CSS.

Is div an html5 semantic tag?

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

In web front-end development before HTML5, we all used divs to achieve area segmentation.

So is div an html5 semantic tag?

div is not an html5 semantic tag.

div is an unsemantic tag, mainly used to define a separated block or a region in an HTML document. It is often used to group block-level elements so that they can be formatted with CSS.

We often use multiple div tags in a web page, but the div tag cannot clearly express the meaning of the content in this area, which is very unfriendly to our subsequent css style setting and later maintenance. , so in html5, there are some semantic tags. Today we will get to know these tags.

What is semantics?

Semanticization refers to using reasonable HTML tags and their unique attributes to format document content. In layman's terms, semantics means processing data and information so that it can be understood by machines.

<h1>文档标题</h1>
<h2>次级标题</h2>
<p>
这是文章段落,一般文章段落都会比其他HTML标签所包含的内容要多。段落中基本都是文字,一般为3-6行,也可能10多行。是网页主要的阅读部分。
</p>

The above are very common text semantic tags. When we set the web page structure, we can also use semantic tags to make the page structure clear and easy to understand.

  • 1aa9e5d373740b65a0cc8f0a02150c53: body The first sub-element is used to represent the head of a page or a certain area. The content will be displayed on the page. Multiple elements can appear on one page. Times

  • c787b9a589a3ece771e842a6176cf8e9: Represents the navigation bar, descendant elements have 3499910bf9dac5ae3c52d5ede7383485 tags, links, a page can have multiple nav tags

  • 15221ee8cba27fc1d7a26c47a001eb9b: Used to represent additional information related to surrounding topics, non-text content, sidebars, AD (advertising), related articles, comments

  • < ;article>: Used to represent articles or other content that can exist on independent pages (the content of independent articles and keywords that need to be crawled by search engines also need to be placed in this tag). Comments can also be written in this tag, which can be used on one page. Multiple articles

  • 2f8332c8dcfd5c7dec030a070bf652c3: used to represent one of the partial topics of a whole, such as the chapter title of an article, which is a child element of article

  • c37f8231a37e88427e62669260f0074d: Used to represent the footer of a page or a certain area. It can appear multiple times.

  • 61b85035edf2b42260fdb5632dc5728a: Mainly, it can only appear once on a page. , can include article

Related recommendations: "html video tutorial"

The above is the detailed content of Is div an html5 semantic tag?. 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