1.HTML5-优快云博客

本文链接：https://blog.youkuaiyun.com/2401_87100190/article/details/145058534

一、HTML基本结构

1. 文档声明<!DOCTYPE html>是一个文档声明，表示这是一个HTML页面。

2. HTML标签HTML标签的作用是告诉浏览器，这个页面是从<html>开始，然后到</html>

3. head标签<head></head>是网页的“头部”，用于定义一些特殊的内容，如页面标题、定时刷新、外部文件等。

4. body标签<body></body>是网页的“身体”。对于一个网页来说，大部分代码都是在这个标签对内部编写的。

5.title标签是head标签的内部标签，其中<title></title>标签内定义的内容是页面的标题。这个标题不是文章的标题，而是在浏览器栏目中显示的那个标题。

6.<p></p>是段落标签，用于定义一段文字。

二、head标签

在HTML中，一般来说，只有6个标签能放在head标签内。（主要用到的只有title定义网页标题和<meta charset="utf-8" />定义使用编码）

title标签：在HTML中，title标签唯一的作用就是定义网页的标题。

meta标签：在HTML中，meta标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。这些信息不是提供给人看的，而是提供给搜索引擎蜘蛛（如百度蜘蛛、谷歌蜘蛛）看的。在Web技术中，我们一般形象地称搜索引擎为“搜索蜘蛛”或“搜索机器人”。在HTML中，meta标签有两个重要的属性：name和http-equiv。

1. name属性

name属性取值：

<!DOCTYPE html>
<html>
<head>
    <!--网页关键字-->
    <meta name="keywords" content="绿叶学习网,前端开发,后端开发"/>
    <!--网页描述-->
    <meta name="description" content="绿叶学习网是一个最富有活力的Web技术学习网站"/>
    <!--本页作者-->
    <meta name="author" content="helicopter">
    <!--版权声明-->
    <meta name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则必将追究法律责任。"/>
</head>
<body>
</body>
</html>

2. http-equiv属性在HTML中，meta标签的http-equiv属性只有两个重要作用：定义网页所使用的编码；定义网页自动刷新跳转。

如果你发现页面打开后是乱码，很可能就是没有加上这一句代码。<meta charset="utf-8" />是为了防止页面出现乱码，以后在每一个HTML页面中我们都要为其添加上。此外，<meta charset="utf-8" />这一句必须放在title标签以及其他meta标签前面

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
#简写：
<meta charset="utf-8"/>

这段代码表示当前页面在6秒后会自动跳转到http://www.baidu.com这个页面。

<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>

link标签：用于引入外部样式文件（CSS文件）。

style标签：用于定义元素的CSS样式。

script标签：用于定义页面的JavaScript代码，也可以引入外部JavaScript文件。

base标签：无意义，可忽略。

HTML注释

“”又叫做注释标签。“”表示注释的结束。

（2）HTML5 新特性[2]

HTML5 新元素 | 菜鸟教程

（3）HTML5 本地存储[3]

HTML5 Web 存储 | 菜鸟教程