<meta>标签

一、<meta>的概念和作用

meta主要设置网页的一些元数据,是针对搜索引擎或者浏览器的解析而设置的

位置:放在<head>标签中

二、属性attribute

charset:指定网页的字符集(一般的软件之类的默认都是UTF-8,但是最好还是标上;这是由于以前平台间的兼容性导致的),用于解决乱码问题

name:指定的数据的名称(常见:keywords、description)

content:指定的数据的内容

<meta name="keywords" content="HTML5,前端,css" charset="UTF-8">

<!--
  解析:
    name为keywords时,若网页有被所属搜索引擎的网站收录,那么搜索引擎的爬虫通过爬取keywords的值,用户通过HTML5,前端,css的任一关键字,可以搜索到相对应的文章。

  content中的内容会显示在搜索引擎搜索结果的列表中。
  <title>标签中的内容会显示在搜索引擎搜索结果的标题文字上。
-->

description:描述网页信息

⑤ http-equiv:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

常用的:

<meta http-equiv="refresh" content="3;url='链接地址'">
<!-- 将网页重定向到另一个网页(超时设置/网址已经变更时)-->
posted @ 2020-10-29 10:11  娜豆  阅读(57)  评论(0编辑  收藏  举报