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' />

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.