📜  HTML 语义元素

📅  最后修改于: 2020-11-03 10:02:57             🧑  作者: Mango

HTML5 语义

在任何语言中,交流过程中理解单词的含义都是至关重要的。如果这是计算机通信,那么它将变得更加关键。因此,HTML5提供了更多的语义元素,可以轻松理解代码。

因此,语义学定义了单词和短语的含义,即

语义元素=具有含义的元素。语义元素对浏览器和开发人员都具有简单明了的含义。

例如:

在HTML4中,我们已经看到

等是非语义元素。他们没有透露任何内容。

另一方面,

,和
等元素是语义元素,因为它们可以清楚地定义其内容。

所有主要浏览器都支持HTML5语义元素。

为什么要使用语义元素?

在HTML4中,开发人员必须使用自己的ID /类名称来设置元素的样式:页眉,顶部,底部,页脚,菜单,导航,主菜单,容器,内容,文章,边栏,topnav等。

搜索引擎很难识别正确的网页内容。现在在HTML5元素中(

Index Semantic Tag Description
1.
Defines an article
2. Defines content aside from the page content
3.
Defines additional details that the user can view or hide
4.
Defines a caption for a
element
5.
Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
6.
Defines a footer for a document or section
7.
Specifies a header for a document or section
8.
Specifies the main content of a document
9. Defines marked/highlighted text
10. Defines navigation links
11.
Defines a section in a document
12. Defines a visible heading for a
element
13. Defines a date/time

HTML5中的一些重要语义元素

HTML5
元件

的HTML

元素定义文档,页面,应用程序或网站中的文章内容。它可以用来代表论坛帖子,杂志,报纸文章或大故事。

例:

Today's highlights

First story

Second story

Third story

HTML5