HTML

超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言,您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析

什么是 HTML?

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

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 是用来描述网页的一种语言
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 文件

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

    HTML 文件一般以.htm.html作为后缀,可以用 Web 浏览器打开。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器会将 HTML 标签解释为网页

HTML 网页结构

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. </body>
  9. </html>

<!DOCTYPE>声明

  1. <!DOCTYPE> 声明位于文档中的最前面的位置,处于<html>标签之前
  2. <!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本
  3. <!DOCTYPE>声明有助于浏览器中正确显示网页,网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容
  4. 使用HTML元素前,先参阅HTML元素与合法的Doctype,看看每一个HTML元素都出现在哪一种Doctype
  5. HTML 4.01中,<!DOCTYPE>声明需引用DTD(文档类型声明),因为HTML 4.01是基于SGML(Standard Generalized Markup Language 标准通用标记语言)DTD指定了标记语言的规则,确保了浏览器能够正确的渲染内容。HTML5 不是基于SGML,因此不要求引用DTD

HTML 5

  1. <!DOCTYPE html>

HTML 4.01 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

这个 DTD 与 HTML 4.01 Transitional 相同,但是允许使用框架集内容

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

这个 DTD 与 XHTML 1.0 Transitional 相同,但是允许使用框架集内容

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

这个 DTD 与 XHTML 1.0 Strict 相同,但是允许您添加模块(例如为东亚语言提供 ruby 支持)

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

小贴士

  1. DOCTYPE 声明不区分大小写
  2. <!DOCTYPE>标签没有结束标签
  3. 使用 W3C 的验证 检查您是否编写了一个带有正确 DTD 的合法的HTML/XHTML文档

参考