HTML 是什么:网页的结构由它描述

HTML 是用来描述网页结构的标记语言。它通过一系列标签把标题、段落、链接、图片等内容组织起来,浏览器据此把页面呈现出来。这篇文章说明它的基本作用与常见的标签类型。

花里云 约 1 分钟阅读

HTML 是 HyperText Markup Language 的缩写,中文常译为超文本标记语言。它是用来描述网页结构的标记语言,也是浏览器理解一个页面的起点。

需要区分的是,HTML 不是编程语言。它不做计算、不处理逻辑,只负责说明页面上有哪些内容、这些内容分别是什么。页面长什么样、在不同设备上如何排列,由另外的技术负责。

它做的是什么

打开一个网页,看到的标题、段落、列表、图片、链接、按钮,在 HTML 里都有对应的标签。这些标签告诉浏览器:这一段是标题,那一段是正文,这里是一张图,那里是一个链接。

把标签按层级组织起来,就形成了文档结构。页面上哪些内容属于同一个板块、哪个部分包含哪些子内容,都由这个结构决定。结构是否清晰,既影响浏览器如何呈现,也影响搜索引擎和辅助阅读工具能否理解页面。

常见的标签类型

  • 文档框架类:声明文档类型的标识、包裹整个文档的根标签、存放页面元信息的头部区域、承载可见内容的主体区域。
  • 结构划分类:页头、导航、主体内容、独立内容区块、与主内容相关但可独立的侧栏、页脚。
  • 内容类:标题、段落、列表、表格、超链接、图片。
  • 交互类:表单及其输入项、按钮。
  • 容器类:用于布局的块级容器与用于局部样式处理的行内容器。

近年来更强调用语义化的标签表达内容含义。同样是一个区块,用表示“这是一段独立内容”的标签,比用通用容器标签,对搜索引擎和辅助工具更有意义。

和另外两项技术的关系

一个完整网页通常由三部分构成:HTML 描述结构,样式规则决定外观,脚本负责交互行为。三者各管一段,这也是现代网页的基本分工。

对企业的实际意义

了解 HTML 的作用,不需要会写代码,但有助于判断几件常见的事:页面结构是否清晰、标题层级是否合理、图片是否带有说明文字、正文是否用了文字而不是图片。这些都与网站能否被正确理解、能否被检索到直接相关。

花里云

西安花里云网络信息科技有限公司 · 企业数字平台厂商。十年一线交付,把项目里验证过的判断,整理成可以复用的东西。