本文介绍了HTML文档中<head>标签的作用，包括定义元数据如字符编码、网页标题，以及<meta>,<title>,<link>,<script>等标签的用途。这些元素对页面的SEO和功能配置至关重要。
<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>
1156
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
