HEAD标签中的常用标签
Posted jingbai
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HEAD标签中的常用标签相关的知识,希望对你有一定的参考价值。
目录
知识点
- html的主体结构
- HEAD标签中的常用标签
知识点详解
0x01 HTML的主体结构
HTML的主体结构分为两大部分:最顶部声明和HTML标签。其中,HTML标签又包含HEAD与BODY两个标签。
<!DOCTYPE html> <!-- //最顶部声明,告诉浏览器所使用的HTML规范 -->
<html> <!--//html标签开始-->
<head></head> <!--//head标签-->
<body></body> <!-- //body标签-->
</html> <!--//html标签结束-->
0x02 HEAD标签中的常用标签
HEAD中标签所起的作用,大多数不能直接在页面显现出来。如果你要看自己所配置的代码,可右击浏览器->选择查看页面源代码进行查看。
<title></title>
设置网页的标题<meta />
对页面进行描述- 属性
- http-equiv 告知浏览器的行为
取值:
content-type
refresh - name 告知浏览器的内容
取值:
keywords
description
- http-equiv 告知浏览器的行为
- 属性
<link />
定义两个文档之间连接的关系(文献)- 属性
- rel 文档与被链接文档之间的关系
- type 被链接文档的类型
- href 被链接文档的地址
注意:href中会涉及到文件的地址,地址设置分为绝对路径和相对路径。
绝对路径:相当于回到起点重新开辟另一条道路。比如www.cnblogs.com/jingbai/p/http-url.html。
相对路径:相当于以现在的路径作为起点去设置路径。
./ 表示当前目录; ../ 表示上一级目录
<!DOCTYPE html> <html> <head> <title>meta标签</title> <!--//需要设置页面的字符集,不然标题会乱码--> <meta charset="utf-8" /> <!--//设置页面的字符集--> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <!--//设置页面字符集的另一种方法--> <meta http-equiv="refresh" content="5" /> <!--//设置页面自动刷新,“5”代表每隔5秒进行自动刷新一次--> <meta name="keywords" content="这里是关键字描述的地方" /> <!--//设置网站的关键字--> <meta name="description" content="这里是对于网站进行描述的地方,可以详细的叙述所建网站的作用,目的等" /> <!--//设置网站的详细描述--> <link rel="icon" type="image/jpg" href="./a.jpg"/> <!--//设置网页标题标题的logo--> </head> <body> </body> </html>
- 属性
<script></script>
加载JS脚本<style></style>
加载CSS样式
以上是关于HEAD标签中的常用标签的主要内容,如果未能解决你的问题,请参考以下文章