<head>
标签是HTML文档中的一个重要部分,它位于<html>
标签内部,用于定义文档的头部信息和元数据。以下是一些常用在<head>
标签中的元素和标签:
需要注意的是,<head>
标签内的元素通常不直接呈现在页面中,而是提供了文档的各种信息和配置。页面内容的呈现通常发生在<body>
标签中。
head中常见的设置有如下几种。
-
<meta>
标签:<meta>
标签用于定义HTML文档的元数据,包括字符编码、网页描述、关键词等。前面我已经提到了使用<meta>
标签来指定网站描述和关键词。 -
<title>
标签:<title>
标签用于定义网页的标题,显示在浏览器的标题栏或标签页上。通常情况下,应该在<head>
标签内包含一个<title>
标签。 -
<link>
标签:<link>
标签用于定义与文档相关的外部资源,常见的包括样式表和图标。例如,可以通过以下方式引入一个外部CSS样式表: <script>
标签:<script>
标签用于引入JavaScript代码,可以放置在<head>
标签内或页面底部的<body>
标签前。例如,可以通过以下方式引入一个外部JavaScript文件:-
<style>
标签:<style>
标签用于定义内部的CSS样式,将样式规则直接写在HTML文档中。可以在<head>
标签内使用<style>
标签,将CSS样式应用于整个页面或特定的元素。 -
其他标签:还有许多其他的标签和元素可以放置在
<head>
标签内,如<base>
、<noscript>
、<meta>
等,用于定义文档的基本URL、提供不支持JavaScript的备用内容或定义其他元信息。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta autor="郑科班">
<meta keywords="蔡徐坤,唱跳,rap,篮球" />
<meta description="网站的描述....."/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>head标签</title>
</head>
<body>
<!--
head标签中的内容 不会渲染在页面中,
主要是源信息标签
<meta />作用 设置网站的源信息 charset标签的属性
charset属性 用来定义文本的编码格式
UTF-8 万国码,目前开发中最常用
gb2312:中文码
如果不设置charset可能会乱码
通常都把charset的值设置成UTF-8,如果不设置charset属性,可能会导致页面
乱码,解决方案是设置成UTF-8即可
autor属性 ,用来定义网站的作者,一般是公司的名字
keywords属性,用来定义网站的关键字,如果有多个关键字用英文逗号隔开
关键字最好不要超过10个
精准的keywords值,更加有利于seo(搜索引擎优化)
description属性用来简单的描述网站的内容,不要超过100个字,有利于seo
<meta >的另一种写法
< meta name="属性名" content="属性值"/>
title标签,他是一个双标签,他的权重很大(整个页面最高),seo权重很大,因此需要谨慎书写里面
的内容
body标签里面的内容,会渲染在页面的可视区域
-->
<h1 class="run">中国女篮</h1>
</body>
</html>