HTML标记语言学习：head标签概述及与body的关联？

head标签概述

学习了前三课的内容，我们掌握了HTML语言的基础规则，也清楚了一个核心要点，即网页上所有能看到的资料都包含在元素之中，在上一课里，我们给首个页面插入了"标题"和"段落"组件，实际上，接下来要谈到的图片、声音、影像、表格以及分块等组件，同样也是放在元素内部的。

但是与标签并列的标签对于整个页面有什么作用呢？

头部代表头部，躯体象征身体。假如将网页比作个人，我们所能见到的仅为其外在形象，诸如发型、衣着等，这些均附着于躯体。而个人的穿着品味，却与其性格特质、学识水平、思考模式紧密相连，这些内在特质是无法被直接观察的，它们深藏于头部之中。因为脑袋中的观念不同，因此有人喜欢汉服，有人喜欢唐装。

一言以蔽之，标签的作用是把控HTML页面的显示形式。

在标记里增加标记，用来为网页设定显示在浏览器缩略图中的标题。具体实现方法如下：

第一个网页

图1

title标签不可轻视，搜索引擎对其中内容极为重视，在关键词匹配环节，该标签文字权重很高。务必用心挑选标题内容，这对提升页面被搜索引擎快速检索到的几率至关重要。关于搜索关键词的深入探讨，将在后续章节进行。

为HTML文档配置图标、JavaScript代码段、样式表等资源时，需借助特定元素实现，其中处理JavaScript部分存在另一种标记可供选择，而样式表的整合则另有一套专用的标记，这部分内容通常在深入学习HTML之后才能掌握，现阶段只需知晓其存在即可。

经过学习我们了解到，标签经常包含,以及,等元素。这些元素负责管理HTML文档中通用图标的使用、布局样式的加载、交互脚本的应用等作用。

页面全部是为了body搭配装束，具体穿什么服饰，怎样组合等细节，均由head中的信息支配。

utf-8是啥？

在标签里有个特别关键的标签，叫元数据，虽然名字不太好懂，但重点是怎么用这个标签，它可以给整个页面定个名字，还能指定搜索时要用哪些关键词，并且有个特别重要的功能，就是设置文档的字符编码方式。

在指定文档编码时，经常使用"utf-8"编码方式。

UTF-8编码机制使HTML页面能够呈现中文，亦或其他非英文字符。这一特性对于当今的互联网环境极为关键。

UTF-8这一核心编码方案，在标签内部被明确指定，其格式如下：

这种标记和其余成双的标记不同，它是一个独立的标记，仅有一个标记，并且结尾没有"/"符号的标记。原因主要有两个；第一，通常这种标记不需要包含任何信息。第二，运用这种标记的目的仅仅是为了调整它的性质。所谓"性质"，指的是什么？

大家看这行代码：

"charset"就叫做标签中指定字符编码方式的属性。

在"charset"后面加"="号，这叫做指定属性值。

请注意，这个指定的值名称为"utf-8"，务必牢记，"utf-8"两侧必须放置引号！

下面我们就目前可以看明白的属性进行一下操作练习。

练之前，很多人会有个疑问，虽然不一定在意，就是先前的例子，那个基础网页没标明utf-8编码，但页面上的中文字符却能正常显示，这是为何呢？

这其实是浏览器在后台自动帮我们补全了代码。我用的联想浏览器，火狐和谷歌浏览器应该也能正常显示，要是用ie低版本，就无法正常显示。那是因为ie低版本没有补全代码的功能。

关于meta标签和utf-8的编码说明到此结束，接下来我们将在多种浏览器环境下，对比分析含有utf-8声明与不含该声明的页面呈现差异，同时会阐释meta标签里keyword（关键字）的具体应用技巧。

HTML完整学习目录

HTML开篇内容涉及掌握学习目标、明确学习人群以及了解核心术语，适合没有任何经验的人独立完成网页设计入门

HTML是什么？——零基础自学网页制作

第一个HTML页面如何写？——零基础自学网页制作

初识meta标签与SEO——零基础自学网页制作

HTML中的元素使用方法1——零基础自学网页制作

HTML中的元素使用方法2——零基础自学网页制作

HTML元素中的属性1——零基础自学网页制作

HTML元素中的属性2（路径详解）——零基础自学网页制作

使用HTML添加表格1（基本元素）——零基础自学网页制作

运用HTML建立表格2，包含表头和表尾部分——完全从入门状态独立学习网页构建技术

使用HTML添加表格3（间距与颜色）——零基础自学网页制作

运用HTML构建表格结构，包含四行，行色交替，并实现表格嵌套效果，适合网页制作初学者独立学习掌握

16进制颜色表示与RGB色彩模型——零基础自学网页制作

HTML中的块级元素与内联元素——零基础自学网页制作

初识HTML中的

块元素——零基础自学网页制作

在HTML页面中嵌入其他页面的方法——零基础自学网页制作

在家中学习网页设计，尝试将PDF文档整合进网页里，完全是初学者自学网页设计

HTML表单元素初识1——零基础自学网页制作

HTML表单元素初识2——零基础自学网页制作

HTML表单第三部分涉及下拉列表和多行文本框——适合没有任何基础的人自学网页构建

HTML表单第四个类型，涉及表单提交地址与方式，适合网页制作初学者学习

HTML列表制作讲解——零基础自学网页制作

为HTML页面添加视频、音频的方法——零基础自学网页制作

音视频文件格式转换的得力工具，同时支持为HTML视频组件添加字幕功能——适合没有任何编程经验的人自学网页设计

HTML中使用标签实现文本内链接——零基础自学网页制作