html5什么叫语义,什么是HTML5语义元素

什么是语义元素?

语义元素清楚地描述了它对浏览器和开发人员的意义.

HTML5元素

元素定义文档中的一个部分.

根据W3C's 对 HTML5 的描述: "A section is a thematic grouping of content, typically with a heading."

主页通常可以分为引言、内容和联系人信息几个部分.WWF

世界自然基金会(WWF)是一个国际组织工作，对于保护问题，以及环境修复研究，前身为世界野生动物基金会。世界自然基金会成立于1961。

HTML5元素

元素规定不依赖，自包含内容.

一个article应该是有意义的，它应该有可能独立地阅读它的其余部分的网站.

下面是

元素的使用实例:

论坛 post

博客 post

新闻 articleWhat Does WWF Do?

WWF's mission is to stop the degradation of our planet's natural environment,

and build a future in which humans live in harmony with nature.

在中嵌套或者相反?

元素规定不依赖，自包含内容.

元素定义文档你的一个段落.

我们可以使用定义来决定如何嵌套这些元素? 不，我们不能!

因此，你会看到在HTML页面中

元素包含元素,元素也可以包含elements.

你也会看到

元素包含元素, 并且元素包含元素.

HTML5元素

元素指定一个文档或者章节的标题.

元素应作为介绍内容的容器.

在一个文档中可以有多个

元素.

下面的实例为文章定义一个标题:What Does WWF Do?

WWF's mission:

WWF's mission is to stop the degradation of our planet's natural environment,

and build a future in which humans live in harmony with nature.

HTML5元素

元素指定文档或者章节的页脚.

元素应包含其包含元素的信息.

页脚通常包含文档的作者、版权信息、使用条款的链接、联系人信息等。

在一个文档中你可以有几个

元素.

Posted by: Hege Refsnes

Contact information: someone@example.com.

HTML5元素

素定义了一组导航链接.

注意，不是所有的链接的文件应该在一个元素里面.元素仅用于主要的导航链接块.

HTML5元素

元素定义一些边栏内容(像边栏).

边栏内容应与周围内容有关My family and I visited The Epcot center this summer.Epcot Center

The Epcot Center is a theme park in Disney World, Florida.

HTML5和元素

图形标题的目的是为图像添加视觉解释.

HTML5, 图像和标题可以组合在

元素里面:

Fig1. - The Pulpit Rock, Norway.

元素定义一个图片,

元素定义标题.

为什么使用语义元素?

使用HTML4, 开发者使用自己的id/class为这些元素: header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, 等.

这使得搜索引擎无法识别正确的网页内容.

使用新的HTML5元素 (

), 这将变得更容易.

根据W3C语义的理想：“可以让数据共享和跨应用程序重用，包括企业和社区。”

在HTML5中的语义元素

下面是一个按照字母顺序在HTML5语义元素列表.

标签描述

定义一篇文章

从页面内容中定义内容

定义用户可以查看或隐藏的其他详细信息

定义元素的标题

指定独立的内容, 像 图表, 插图, 照片, 代码片段等.

为文档或节定义页脚

为文档或节指定页眉

定义标记/突出文本

定义导航链接

为元素定义一个标题

定义日期/时间