HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language),我们学习HTML主要也是学习标记标签 (markup tag),即HTML标签。HTML 使用标记标签,通过浏览器来描述网页内容。
HTML 标签
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <div> 和 </div>
HTML 文档 = 网页。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
基本格式如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页基础</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
特别注意:
<!DOCTYPE>
声明了文档类型,有助于浏览器中正确显示网页。<!DOCTYPE>
声明位于文档中的最前面的位置,处于 <html> 标签之前。
<!DOCTYPE>
声明不是一个 HTML 标签,它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言)。DTD 指定了标记语言的规则,确保了浏览器能够正确的渲染内容。HTML5 不是基于 SGML,因此不要求引用 DTD。另外,HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和Frameset。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。doctype 声明是不区分大小写的。常见的有以下三种通用声明:
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">
HTML重要版本:
- HTML 1991
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。