HEAD标签中的常用标签

知识点
知识点详解
- 0x01 HTML的主体结构
- 0x02 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

<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标签中的常用标签

知识点

知识点详解

0x01 HTML的主体结构

0x02 HEAD标签中的常用标签

猜你喜欢