HTML5语义元素-4.4HTML5

语义学（源自古希腊）可定义为对语言意义的研究。

创新互联公司是一家专业提供伊宁企业网站建设,专注与成都做网站、网站制作、H5场景定制、小程序制作等业务。10年已为伊宁众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

语义元素是拥有语义的元素。

什么是语义元素？

语义元素清楚地向浏览器和开发者描述其意义。

非语义元素的例子：

和 - 无法提供关于其内容的信息。

语义元素的例子：

、以及 - 清晰地定义其内容。

浏览器支持 Yes Yes Yes Yes Yes

所有现代浏览器均支持 HTML5 语义元素。

此外，您可以“帮助”老式浏览器处理“未知元素”。

在 HTML5 浏览器支持这一章学习更多知识。

HTML5 中新的语义元素

许多网站包含了指示导航、页眉以及页脚的 HTML 代码，例如这些：

HTML5

元素

元素定义文档中的节。

根据 W3C 的 HTML 文献：“节（section）是有主题的内容组，通常具有标题”。

可以将网站首页划分为简介、内容、联系信息等节。

实例

WWF

The World Wide Fund for Nature (WWF) is....

HTML5

元素

元素规定独立的自包含内容。

文档有其自身的意义，并且可以独立于网站其他内容进行阅读。

元素的应用场景：

论坛博客新闻实例

What 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.

嵌套语义元素

在 HTML5 标准中，

元素定义完整的相关元素自包含块。

元素被定义为相关元素块。

我们能够使用该定义来决定如何嵌套元素吗？不，我们不能！

在因特网上，您会发现

元素包含

元素的 HTML 页面，还有

元素包含元素的页面。

您还会发现

元素包含

元素，同时

元素包含

元素。

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

The Pulpit Rock — 元素
在书籍和报纸中，与图片搭配的标题很常见。
标题（caption）的作用是为图片添加可见的解释。
通过 HTML5，图片和标题能够被组合在
元素中：
实例

Fig1. - The Pulpit Pock, Norway.

元素定义图像，
元素定义标题。

为何使用 HTML5 元素？

如果使用 HTML4 的话，开发者会使用他们喜爱的属性名来设置页面元素的样式：

header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, ...

如此，浏览器便无法识别正确的网页内容。

而通过 HTML5 元素，比如：

HTML5 中的语义元素

下面列出了以字母顺序排列的 HTML5 新语义元素。

这些链接指向完整的 HTML 参考手册。

标签描述

定义文章。

网站栏目：HTML5语义元素-4.4HTML5
文章起源：http://cdxtjz.cn/article/dghhdoc.html

HTML5语义元素-4.4HTML5

WWF

What Does WWF Do?

其他资讯