一、head内常用标签，网站头部老大—

一、head内常用标签，网站头部老大——html5教程前段大G > 首页 > html5标签教程 >

1.基本标签（非meta标签）

<!--title: 定义网页标题-->
<title>Title</title><!--style: 定义内部样式表. 内部用来书写css代码-->
<style>h1 {color: greenyellow;}
</style><!--script: 内部用来书写js代码-->
<script>alert(123)
</script>
<!--script: 还可以引入外部js文件-->
<script src="myjs.js"></script><!--link: 引入外部css文件 或 网站图标-->
<link rel="stylesheet" href="mycss.css">

2.meta相关

2.1 Meta标签介绍

<meta>元素可提供有关页面的元信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
<meta>提供的信息是用户不可见的。

2.2 Meta标签的组成

meta标签共有两个属性，他们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能

http-equiv 属性:

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

补充: equiv全称 equivalent /ɪˈkwɪvələnt/相等的等值相当于

<!--指定文档的编码类型(需要知道)-->
<meta http-equiv="content-Type" charset=UTF8"><!--2秒后跳转到对应的网址，注意引号(了解)-->
<meta http-equiv="refresh" content="2;URL=https://www.baidu.com"><!--3秒后刷新(了解)-->                                                                
<meta http-equiv="refresh" content="3">   <!--告诉IE以最高级模式渲染文档(了解)-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

name 属性

主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<!--关键字：有助于搜索引擎SEO优化，再怎么优化也抵不过竞价排名-->
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><!--页面描述-->
<meta name="description" content="给你骨质唱疏通">

meta标签必须写在头部head标签之内，而description的meta标签务必要写在keywords的meta标签之后，像下面这样的顺序写：

关键字：description要用简短的文字描述网站或网页的主要内容，有利于各大搜索引擎的抓取收录你的网站或网页。
页面描述：当你设置了description网站描述文字，才会显示在搜索引擎的结果页中，而每个网页的description也是同样的道理，简短又准确的网页描述文字，可以帮助用户在搜索引擎中更方便的找到你的网站和网页！

3. 总结

<title>网页标题</title><style></style>
<!--rel	Reload 加载-->
<!--href hypertext reference 超文本引用-->
<link rel="stylesheet" href="url"><script></script>
<!--src	Source 源文件链接-->
<script scr="源文件链接"></script><meta name="keywords" content="关键字1, 关键字2, 关键字3">
<meta name="description" content="网页描述信息">
<meta http-equiv="content-type" charset="字符编码">