什么是语义元素?
语义元素清楚地描述了它对浏览器和开发人员的意义.
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语义元素列表.
标签描述
定义一篇文章
从页面内容中定义内容
定义用户可以查看或隐藏的其他详细信息
定义元素的标题
指定独立的内容, 像 图表, 插图, 照片, 代码片段等.
为文档或节定义页脚
为文档或节指定页眉
定义标记/突出文本
定义导航链接
为元素定义一个标题
定义日期/时间