重新认识HTML

元素	描述
DOCTYPE	声明文档类型<!DOCTYPE HTML> 【查看详情】
html	HTML文档的根元素
body	HTML文档的内容
head	HTML文档的头部（元数据区）
a	创建一个链接
button	创建一个按钮元素
code	表示一个片段的计算机代码
hr	表示主题之间的划分
input	为用户提供输入的地方
label	为其它元素创建标签
p	表示一个段落
style	可以在该元素中定义CSS样式
table	表示表格数据
td	表示表格的一个单元格
th	创建表格的头部单元格
tr	表示表格的一行
title	定义整个文档的标题
textarea	创建一个可输入多行的文本框

使用空标签(Empty Element)

如果标签里面没有内容，称之为空标签：

Listing：<code></code>

使用自闭合(Self-Closed Element)

如果只有一个单独的标签，称之为自闭合标签：

Listing：<code/>

Using Void Elements

有一些元素必须被表示为一个单独的标签，这些标签中可以不包含任何内容，HTML规范规定这样的标签是合法的,例如
hr标签，它是一个分组元素（grouping element）

Listing：<hr/> or <hr>

使用标签属性

标签可以包含属性

Boolean属性

有一些属性是boolean属性，这些属性可以没有值

Listing：<inupt disabled> or <input disabled="disabled">

自定义属性

可以使用自定义属性，以data-作为前缀

Listing：<inupt data-xxx="yyy"/>

自定义属性HTML4中广泛使用，是一个正式的语义，以data-作为前缀，是为了避免自定义的属性和将来的HTML版本的元素属性发生冲突

HTML and XHTML

HTML语法允许创建不合XML语法的元素，这意味着使用一个标准的XML解析器，有可能很难处理HTML文档，鉴于此，我们可以使用XHTML，一个XML序列化的HTML（严格遵守XML语法的HTML），这样，HTML文档就可以很容易的被XML解析器处理。

HTML文档的外部结构

HTML文档中，有2个元素为之提供了外部结构，DOCTYPE和html

Listing：

<!DOCTYPE HTML>

<html>



</html>

DOCTYPE元素告诉浏览器，它将要处理的是一个HTML文档，这是由该元素的boolean属性html来表示的<!DOCTYPE HTML>

元数据（Metdata）

文档的元数据区允许我们向浏览器提供一些关于该文档的信息，元数据包含在<header>中：

Listing：

<!DOCTYPE HTML>

<html>

<head>



<title>Example</title>

</head>

</html>

所有的文档都应该包含一个<title>元素。

内容

文档的第三部分就是内容，包含在<body>元素中，而内容部分，也是最终呈献给用户的部分，至此，HTML文档的骨架已全部完成。