什么是 HTML?
HTML 语言用于描述网页。
- HTML 是指超文本标记语言: Hyper Text Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML 文档也叫做 web页面
HTML发展史
HTML没有1.0,因为关于它的初版存在争议,1995年HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(万维网联盟)也渐渐变成Web技术领域的权威,经过漫长的演变,2014年,HTML 5标准最终面世。
- HTML 2.0——1995年11月,RFC 1866发布
- HTML 3.2——1997年1月14日,W3C发布推荐标准
- HTML 4.0——1997年12月18日,W3C发布推荐标准
- HTML 4.01——1999年12月24日,W3C发布推荐标准
- HTML 5——2014年10月28日,W3C发布推荐标准
HTML结构
HTML的结构一般包括<head>
标签和<body>
标签,<head>
和<body>
这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body></body>
当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。
究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。
HTML5 编辑规范
- 文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg
- 浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车
- 标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。
- 必须使用半角而不是全角字符
- HTML注释
<!--注释内容-->
的内容不给予显示。
HTML 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!-- 中文编码问题解决 -->
<title></title>
</head>
<body>
<h1>我是第一个标题</h1>
<p>我是第一个段落。</p>
</body>
</html>
显示效果
我是第一个标题
我是第一个段落。
实例解析
DOCTYPE
声明了文档的类型<html>
标签是HTML页面的根元素,该标签的结束标志为</html>
<head>
标签包含了文档的元(meta)数据,如<meta charset="utf-8">
定义网页编码格式为utf-8。<title>
标签定义文档的标题<body>
标签定义文档的主体,即网页可见的页面内容,该标签的结束标志为</body>
<h1>
标签作为一个标题使用,该标签的结束标志为</h1>
,–Html标题<p>
标签作为一个段落显示,该标签的结束标志为</p>
–p标签用法
<!DOCTYPE html>
在 HTML5 中也是描述了文档类型。
HTML 标签
HTML 标记标签通常被称为HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
<html>
- HTML 标签通常是成对出现的,比如
<b>
和</b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
Web 浏览器
Web 浏览器(如谷歌浏览器、Internet Explorer、Firefox 和 Safari)是用于读取 HTML 文件,并将其作为网页显示。
Web 浏览器不会直接显示 HTML 标签,而是通过使用标签来决定如何向用户展现 HTML 页面的内容。
HTML 网页结构
下面是一个可视化的 HTML 页面结构(只有 <body>
标签中的内容会显示在浏览器中):
<!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"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">