Web前端开发技术项目教程（HTML5 CSS3 JavaScript）（微课版）_课件 1.3.2 知识点2：HTML5文档整体结构.pptx

HTML5文档整体结构信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备文档基本结构1head标记2body标记3

01文档基本结构前端技术开发

文档基本结构前端技术开发01文档顶级标记为html/html标记，它的直接子元素为head和body元素htmlhead/head标记表示文档头部。headbody/body标记创建文档主体。body010203HTML/HTMLhead/headtitle文档标题/titlebody/body文档主体

02head标记前端技术开发

head标记前端技术开发02head标签用于定义网页的头部内容，是HTML文档中必须的部分。它包含了文档的元信息（metadata），如文档的标题、字符编码、样式表和脚本等。作用head标签位于html标签内，且必须位于body标签之前。位置HEAD

head标记前端技术开发02meta提供有关HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。title定义网页的标题，该标题会显示在浏览器的标题栏或标签页上。

head标记前端技术开发02metahttp-equiv=name=content=/元信息总是以名称/值的形式进行定义的。定义元信息的基本语法如下所示视口设置在移动端开发中，通过metaname=viewportcontent=width=device-width,initial-scale=1.0,user-scalable=no通过viewport来控制页面的布局视口。字符编码通过metahttp-equiv=content-typecontent=text/html;charset=UTF-8设置文档使用的字符编码，UTF-8支持世界上几乎所有的语言和符号。SEO优化通过metaname=keywordscontent=关键词1,关键词2`等设置页面的关键词，有助于搜索引擎优化(SEO)。

03body标记前端技术开发

body标记前端技术开发03VSbody标签是HTML文档中必须的部分，用于定义网页中的主体内容，是HTML文档中必须的部分。在HTML中，标签可以拥有属性，属性能够为页面上的HTML元素提供附加信息。属性设置body标签有一些常用的属性，如bgcolor用于设置网页的背景颜色，text用于设置网页中的文本颜色，link、vlink、alink分别用于设置未点击、已点击、正在点击的超链接的颜色等。然而，这些属性在HTML5中已不再推荐使用，而是建议使用CSS来控制这些样式。作用

小结前端技术开发04htmlHTML文档的根元素。head包含文档的元数据和引用，如字符集、标题、样式表链接等。body包含文档的主要内容，如文本、图片、视频等。

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》