继续学习html5.
1.语义元素。语义元素清楚地向浏览器和开发者描述其意义
html5中新的语义元素有:许多网站包含了指示导航、页眉以及页脚的 HTML 代码,例如这些:<div id="nav"> <div class="header"> <div id="footer">。
HTML5 提供了定义页面不同部分的新语义元素:
<article>:规定独立的自包含内容,文档有其自身的意义,并且可以独立于网站其他内容进行阅读
<aside>:页面主内容之外的某些内容(比如侧栏)
<details>:定义用户能够查看或隐藏的额外细节
<figcaption>:定义 <figure> 元素的标题
<figure>:规定自包含内容,比如图示、图表、照片、代码清单等。
<footer>:为文档或节规定页脚,提供有关其包含元素的信息,通常包含文档的作者、版权信息、使用条款链接、联系信息等等,一个文档中可以有多个 <header> 元素
<header>:为文档或节规定页眉,被用作介绍性内容的容器,一个文档中可以有多个 <header> 元素
<main>:规定文档的主内容
<mark>:定义重要的或强调的文本
<nav>:定义导航链接集合
<section>:定义文档中的节
<summary>:定义 <details> 元素的可见标题
<time>:定义日期/时间
2.html5的一些默认使用的规则
1>始终在文档的首行声明文档类型 <!DOCTYPE html> 允许小写
2>元素名允许使用混合大小写字母,但推荐使用小写
3>不必关闭所有的元素,但推荐关闭,一一对应。
4>允许大小写混合的属性名,但推荐小写。
5>推荐属性值加引号
6>始终对图像使用 alt 属性。当图像无法显示时该属性很重要,始终定义图像尺寸。这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间
7>等号两边的空格是合法的,但推荐精简空格
8>尽量避免代码行超过 80 个字符
9>不必毫无理由地增加空行。为了提高可读性,请增加空行来分隔大型或逻辑代码块。为了提高可读性,请增加两个空格的缩进。请勿使用 TAB。请勿使用没有必要的空行和缩进。没有必要在短的和相关项目之间使用空行,也没有必要缩进每个元素
10>不推荐省略<html>以及<body>
11> <title> 元素在 HTML5 中是必需的。请尽可能制作有意义的标题
1.语义元素。语义元素清楚地向浏览器和开发者描述其意义
html5中新的语义元素有:许多网站包含了指示导航、页眉以及页脚的 HTML 代码,例如这些:<div id="nav"> <div class="header"> <div id="footer">。
HTML5 提供了定义页面不同部分的新语义元素:
<article>:规定独立的自包含内容,文档有其自身的意义,并且可以独立于网站其他内容进行阅读
<aside>:页面主内容之外的某些内容(比如侧栏)
<details>:定义用户能够查看或隐藏的额外细节
<figcaption>:定义 <figure> 元素的标题
<figure>:规定自包含内容,比如图示、图表、照片、代码清单等。
<footer>:为文档或节规定页脚,提供有关其包含元素的信息,通常包含文档的作者、版权信息、使用条款链接、联系信息等等,一个文档中可以有多个 <header> 元素
<header>:为文档或节规定页眉,被用作介绍性内容的容器,一个文档中可以有多个 <header> 元素
<main>:规定文档的主内容
<mark>:定义重要的或强调的文本
<nav>:定义导航链接集合
<section>:定义文档中的节
<summary>:定义 <details> 元素的可见标题
<time>:定义日期/时间
2.html5的一些默认使用的规则
1>始终在文档的首行声明文档类型 <!DOCTYPE html> 允许小写
2>元素名允许使用混合大小写字母,但推荐使用小写
3>不必关闭所有的元素,但推荐关闭,一一对应。
4>允许大小写混合的属性名,但推荐小写。
5>推荐属性值加引号
6>始终对图像使用 alt 属性。当图像无法显示时该属性很重要,始终定义图像尺寸。这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间
7>等号两边的空格是合法的,但推荐精简空格
8>尽量避免代码行超过 80 个字符
9>不必毫无理由地增加空行。为了提高可读性,请增加空行来分隔大型或逻辑代码块。为了提高可读性,请增加两个空格的缩进。请勿使用 TAB。请勿使用没有必要的空行和缩进。没有必要在短的和相关项目之间使用空行,也没有必要缩进每个元素
10>不推荐省略<html>以及<body>
11> <title> 元素在 HTML5 中是必需的。请尽可能制作有意义的标题