HTML元信息类标签有哪些?

如题所述

第1个回答  2022-06-22

所谓元信息标签,就是用来描述自身信息的一类标签,通常出现在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的键值对组成,主要包含: