本文小编为大家详细介绍“HTML的<head>标签有什么作用”，内容详细，步骤清晰，细节处理妥当，希望这篇“HTML的<head>标签有什么作用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
1、HTML的固定结构
一个HTML文件是有自己固定的结构的。
<html>
<head>…</head>
<body>…</body>
</html>
代码讲解：
<html></html>称为根标签，所有的网页标签都在<html></html>中。
<head>
标签用于定义文档的头部，它是所有头部元素的容器。
头部元素有<title>、<script>、<style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。
在<body>和</body>标签之间的内容是网页的主要内容，如<h2>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
2、<head>标签的作用
文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
<head>
<title>…</title>
<meta>
<link>
<style>…</style>
<script>…</script>
</head>
3、<title>标签
在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用。网页制作学习交流群，四九四零六，四九三四。
于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独
一无二的title。
例如：
<head>
<title>hello world</title>
</head>
<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来，
4、标签的用途
我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。
文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使
用 em 标签表示强调等等。
讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？
① 更容易被搜索引擎收录。
②。更容易让屏幕阅读器读出网页内容。
更多精彩内容微信公众平台：网页设计自学平台
限时！！免费送Dreamweaver、js等前端教程
如需转载，请注明文章出处和来源网址：
HTML 实例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程（runoob.com）</title></head><body><h2>我的第一个标题</h2><p>我的第一个段落。</p></body></html>
HTML 之简介
实例解析
DOCTYPE 声明了文档类型
位于标签 <html> 与 </html> 描述了文档类型
位于标签 <body> 与 </body> 为可视化网页内容
位于标签 <h2> 与 </h2> 作为一个标题使用
位于标签 <p> 与 </p> 作为一个段落显示
HTML 之简介
什么是HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言： HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 （markup tag）
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
HTML 之简介
HTML 标签
HTML 标记标签通常被称为 HTML 标签 （HTML tag）。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。
但是严格来讲， 一个 HTML 元素包含了开始标签与结束标签，如下实例：
HTML 元素：
<p>这是一个段落。</p>
Web 浏览器
Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：
HTML 之简介
HTML 网页结构
下面是一个可视化的HTML页面结构：
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>
HTML 之简介
HTML版本
从初期的网络诞生后，已经出现了许多HTML版本：
版本
发布时间
HTML
1991
HTML+
1993
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML 1.0
2000
HTML5
2012
XHTML5
2013
<!DOCTYPE> 声明
<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"">
查看完整网页声明类型 DOCTYPE 参考手册。
HTML 之简介
中文编码
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。
HTML 实例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>页面标题</title></head><body><h2>我的第一个标题</h2><p>我的第一个段落。</p></body></html>
如需转载，请注明文章出处和来源网址：
超文本标记语言（Hypertext Markup Language）是一种用来制作网页的标记语言，不需要编译，可以直接由浏览器解释执行，更形象地说，HTML是浏览器的“母语”。在网页设计中HTML主要负责信息展现，能独立于各种操作系统平台，并且可以通知浏览器显示内容。自20世纪90年代以来，HTML就一直被用作Internet的信息展示语言，用于描述网页的格式设计和与Internet上其他网页的链接信息。
HTML简介
关于超文本标记语言，有以下含义：
超（Hyper）：是相对于线性（linear）来说的。以前的计算机程序基本上是线性运行，即当计算机程序执行完一条命令后，转向下一行，该行结束后，继续下移，依此类推。但HTML则不同，它可以在任何时候跳转到任何位置。例如，程序可以从第1行跳转到第8行，然后跳转到第5行，甚至可以跳转到另外一个程序中去执行。
文本（Text）：即文字本身，意味着它是自解释的（self-explanatory）。
标记（Markup）：指的是如何处理文本。对文本作标记的方式，与在文本编辑程序中将文本加粗，或者将一行文字设为标题或列表项目类似。
语言（Language）：HTML就是一种语言，它使用了许多英文单词。
读到这里，这篇“HTML的<head>标签有什么作用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
