HTML头部标签,及头部标签内的元素有哪些
HTML文档的头部标签内的内容,对一个HTML网页来说往往至关重要,因为里头包含了对搜索至关重要的标题、网页关键词和网页的描述,除此之外,网页的样式表CSS和动态交互的JS文件也往往放在头部标签里头。
HTML头部标签
<head></head>
头部标签一般写在<html>开始标签和<body>的开始标签之间。
<html>
<head>
</head>
<body>
</body>
</html>
HTML头部标签内的元素有哪些
HTML头部标签内的元素标签一般可包括meta、script、link、title、style、base等标签。
<meta>标签
<meta>标签一般没有闭合标签,提供的是HTML文档的元数据,一般情况下是提供给机器阅读的。meta标签可以根据标签的name属性的不同,拥有不同的功能,比如:
<meta name="keywords" content="头部标签,head,html">
<meta name="description" content="HTML文档的头部标签内的内容......">
如上代码,当meta的name属性为keywords时,表示的是网页的关键词,然后content里头的就是网页的关键词了,name属性为description,指的是网页的描述,一般会呈现在搜索结果的描述当中。当然,meta还有其它很多的作用,比如指定网页的编码、文档的作者等等。
<title>标签
<title>标签——如果是电脑的浏览器浏览本篇内容的话,可以把鼠标放在当前页的窗口位置,看看是不是有行内容,那就是网页的标题内容,除此之外,在网络上搜索东西的时候,搜出来的结果的标题,也是title标签内的内容,并不是h1内的内容,所以说,title对一个网页来说至关重要。
<title></title> ;title是有闭合标签的;
<link>标签
<link>标签也是没有闭合标签的,一般通过link标签的href属性引入CSS文件:
<link rel="stylesheet" href="../../css/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script>标签
<script>需要一个闭合标签</script>,一般用来引入JavaScript文件,增强网页的动态性和交互性,当然也可以嵌入JS的代码:
<script src="../../js/jquery-3.6.0.min.js"></script>
<style>标签
<style>也需要闭合标签</style>标签,主要用来嵌入网页的CSS样式,注意,这是嵌入而不是引入:
<style>
.class{color:green;fontsize:2em;}
</style>
<base>标签
base标签没有闭合标签,一般可以用来为当前网页中的所有链接设置一个默认的地址或target:
<base href='https://www.x1y1z1.com' />
<base target='_blank' />