HTML5基础（一）

来源：互联网发布：广州淘宝模特编辑：程序博客网时间：2024/05/29 16:52

一、变化的元素

1、<!DOCTYPE html>

2、<meta charset="utf-8">

3、<link rel="stylesheet" href="file.css">

4、<script src="file.js"></script>

二、常用语义标签

1、区块标签

（1）article：表示包含于一个文档、页面、应用程序或网站中的一段独立的内容，也就是说，它能够独立的发布或重新使用。

（2）header ：一般被放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页面或某个区块的标题、简介等信息。
使用：
一个文档中可以包含一个或多余一个的header标签；
不一定非要显示在页面的上方，它的内容决定这里需要使用header标签，位置并不重要；
可以为body、article、section、aside增加header元素。

（3）footer：一般被放在页面的底部，或者某个区块元素的底部。

（4）nav：表示页面的导航，可以通过导航连接到网站的其他页面，或当前页面的其他部分。
使用时注意：
搜索引擎或屏幕阅读器会根据nav标签确定网站内容；
不是任何一组超链接都适合放在nav标签中。

（5）aside：包含的内容不是页面的主要内容，具有独立性，是对页面内容的补充。
使用：
页面侧边栏；
广告；
友情链接；
文章引语（内容摘要）。

（6）section：一个主体性的内容分组，通常包含一个头部（header）和尾部（footer）。

2、内容分组标签

（1）main：

显示页面的主体内容；
每个页面只能包含一个main标签；
main标签不能包含网站标题、logo、主导航、版权声明等信息。

（2）figure

（3）figcaption

3、文本级别标签

（1）time：表示一个日期，或者一个时间，或者同时表示一个日期和事件值。
time属性是datetime：
指定年月日：2015-06-30
指定年月：2015-06
年份可以是两位数字：15-06-30
指定时间（24小时制）：14:54:39
指定时间（24小时制）：14:54
指定日期和时间：2015-06-30 14:54:39
T表示时间，意义同上：2015-06-30T14:54:39
Z表示使用UTC标准时间：2015-06-30 14:54Z
注：UTC标准时间+8小时=北京时间。

（2）i、b

i（html4表示斜体）：表示强调不同的情绪或声音，也可以表示技术术语、生物分类、来自另一种语言的成语或习语、一个想法等等。
b（html4表示粗体）：表示文档中的关键字、商品名称等。

（3）em、strong

em（emphasis：强调。）：标签中的内容是用来强调的重点内容，会被浏览器显示成斜体文本。
strong：表示非常重要、严重性或内容的紧迫性，会被浏览器显示成粗体文本。

注意：
如果你只是单纯的想要把文字的样式显示为斜体或粗体，请不要使用这几个语义标签。
w3c建议我们要在css样式表中定义文字样式。

1 0