HTML 标记语言简介及网页结构

原创 小智  2020-11-29 19:23  阅读 1,463 次

超文本标记语言(Hyper Text Markup Language,简称HTML)是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息,也可用来在一定程度上描写叙述文档的外观和语义。它是通向WEB技术世界的钥匙。

网页的本质就是超文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思。

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

<p>这是一个段落。</p>

HTML 文档 = 网页结构

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器并不是直接显示 HTML 标签,而是使用标签来解释如何展现 HTML 页面的内容给用户。

下面是一个可视化的HTML页面结构:

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>

例子解释

  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间(白色部分)的文本是可见的页面内容,在浏览器中显示
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落

HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:

版本发布时间
HTML1991
HTML(第一版)1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML 2.01995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.21997年1月14日,W3C推荐标准
HTML 4.011999年12月24日,W3C推荐标准
XHTML 1.0发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
HTML52012
XHTML52013年,从XHTML 1.x的更新版,基于HTML 5草案
本文地址:http://aszhi.com/jishu/html/68.html
关注我们:请关注一下微信号:扫描二维码爱思智前端的微信号
版权声明:本文为原创文章,版权归 小智 所有,欢迎分享本文,转载请保留出处!

发表评论


表情