目录
- 知识点
- 知识点详解
- 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
- 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样式
原文地址：https://www.cnblogs.com/jingbai/p/head-label.html
时间： 2024-07-29 18:52:54