1.HTML5 的结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
1.1###title
<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。不同搜索引擎确定网页排名和内容索引规则的算法是不一样的,不过title通常扮演着重要角色。搜索引擎会将title作为判断页面主要内容的指标,并将页面内容按照与之相关的文字进行索引。有效的title应包含几个与页面密切相关的关键词。这种做法比把网站名作为title要好。
<title>元素:
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
- 显示在搜索引擎结果中的页面标题
- 提示和注释
注意: - 一个 HTML 文档中不能有一个以上的 <title> 元素。
- 如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。
2.为了得到更好的结构,引入了下面的标签:
- section: 这个标签表示一个通用的文档或者应用程序节。它+ 可以和 h1-h6 一起使用来表示文档结构。
- article: 这个标签表示文档内容的一个独立块,比如博客条目或者报纸上的文章。
- aside: 这个标签表示与页面其他部分略微相关的内容块。
- header: 这个标签表示一个节的头部。
- footer: 这个标签表示一个节的脚注,可以包含作者,版权等信息。
- nav: 这个标签表示用于导航文档的节。
- dialog: 这个标签可以用于标记会话。
- figure: 这个标签可以用于关联标题和某些嵌入内容,比如图表和视频。