HTML元标签简介

所谓 元信息 ，是指描述自身的信息。 元信息类标签 ，就是 HTML 用于描述文档自身的一类标签。通常出现在 head 标签中，一般来说都不会被页面显示出来。（与此相对应的是，其他的标签，比如语义类标签，描述的是业务）。

元信息多数情况下是给浏览器、搜索引擎来阅读的，而不是给我们人类阅读的（大多数时候）。有时候这些信息会在页面之外显示，有时候不会。

对于已经做好了移动端适配的网页，应该把用户缩放功能禁止掉，宽度设为设备宽度，一个标准的 meta 如下：

application-name：如果页面是 Web application，用这个标签表示应用名称。

所谓元信息标签，就是用来描述自身信息的一类标签，通常出现在head标签中，一般不会显示在页面上。它们多是为浏览器和搜索引擎服务的，用于提升性能或者检索信息。

head 标签本身并不携带任何信息，它主要是作为盛放各种元信息标签、语义类标签的容器使用。规定head标签是html标签的第一个元素，并且 head 里面必须包含一个 title 。

从字面上讲， title 表示标题，但是 title 标签的含义却与此有点出入，它表示一个页面的精确概要信息，会作为页面标题显示在浏览器窗口上。另外，合理的 title 标签对SEO也有好处。

例如得到Web版：

从 meta 的含义就知道，它表示元信息。 meta 标签是一组键值对，一般用 name 和 content 分别表示键和值，在 head 中可以出现多个 meta 标签。基本用法是这样的：

上面的标签表示页面所在的Web应用名为StackOverflow。

从HTML5开始，为了简化写法， meta 标签新增了 charset 属性。添加了 charset 属性的 meta 标签无需再有 name 和 content 。

为了数据格式保持正确，建议将 charset 作为 head 的第一个标签。

从字面上看， http-equiv 即 http equivalent ，表示执行一条和HTTP头相关的指令，自然就不再需要 name 属性了。例如：

viewport 元信息标签虽然不是HTML标准定义的内容，但是却成为移动端Web开发的事实标准。它主要表示视口的属性，比如大小、缩放范围等。

所有属性包括：

元信息类标签，是用于描述文档自身信息的标签，必须放在 head 标签中，而 head 标签又是 html 标签中的第一个标签。元信息类标签主要由 title 和 meta 标签构成。 meta 标签由 name 作为key， content 作为value的键值对组成，主要包含：

表示网页的标题

h1~h6共规定了6个等级的标题

h1标签有利于SEO优化、但是一个网页最多只有一个，太多会导致搜索引擎以为你是作弊、把你排除在外

p元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进，它是块级元素。

strong元素，表示文本十分重要，一般用粗体显示。

 strong是一个逻辑状态，它不仅是加粗，还有表示重要信息的。

bold是一个物理状态，只是表示加粗，没有别的意义。

span元素主要作用是对普通文本进行归类

默认情况下和普通文本没有什么区别

用于区分特殊文本和普通文本，比如用来显示一些关键字

一般是做为其他元素的父元素，将其他元素包住，代表一个整体

用于把网页分割成多个独立的部分

属性：

1.src属性（source）可以链接远程图片地址、本地图片地址（路径）

绝对定位

特点：从根目录开始找

缺点：一旦文件路径发生改变，就会找不到

相对定位

规则：. 表示当前目录    .. 表示上一层目录绝对定位

特点：从根目录开始找

缺点：一旦文件路径发生改变，就会找不到

web常用图片格式

png（静态图片、支持透明）、jpg（静态图片、不支持透明）、jpeg（静态图片、不支持透明）、gif（静态图片、支持透明）、webp

alt属性：当图片失效（加载失败）时显示文本

单标签

参考：MDN（ https://developer.mozilla.org/zh-CN ）

---