<!DOCTYPE html>文档声明头,该标签告知浏览器文档所使用的HTML规范
因为html在发展的过程中出现了几个标准,现在实际应用中常见到的是html4和html5标准,不同的标准浏览器会有不同的解析方式,所以我们得告诉浏览器我们这个网页用的是哪个html标准,那一串是用来告诉浏览器,这个网页用的是html5标准。
<html lang="en"> 用来声明文本是英文
<head>标签是一个容器标签,用于存放网页的元信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<meta>
meta标签是一个自结束标签
meta元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词
1. 规定字符集 <meta charset="utf-8">
HTML规定解码字符集为UTF-8, 此句为了防止乱码,UTF-8字符集支持 地球上所有的文字,而中文系统默认编码是GB2312,产生乱码的根本原因是编码和解码采用的字符集不同。
2. 设置网页关键字 <meta name="keywords" content="体育,前端,美食" />
其中name属性值为’keywords’,content属性值是你想为网页设置的关键词,可以为多个。
3. 指定对网页的描述<meta name="description" content="我爱体育和美食" />
其中name属性值为’description’,content属性值是你想为网页设置的描述,一般为一句话。
注:其中2和3的作用是:搜索引擎在检索页面时,会同时根据网页关键字和描述进行搜索,但不会因为里面的内容影响搜索排名
4. 做请求的重定向 <meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> <body> <p>三秒后跳转至百度页面</p> </body>
我们常常在访问网页时会发现“经五秒后跳转至…页面”,这是使用了meta标签的请求重定向作用,格式为:<meta http-equiv="refresh" content="经过几秒钟;url=某链接名称" />
注:4在平时写网站时使用较少
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题标签,可以让浏览者知道当前页面的主要是讲什么的,每个网页都应该有一个单独的title
<title>CSDN</title>