|
元素
|
描述
|
|
| 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文档的外部结构
元数据（Metdata）HTML文档中，有2个元素为之提供了外部结构，DOCTYPE和htmlListing：<!DOCTYPE HTML><html><!-- elements go here --></html>DOCTYPE元素告诉浏览器，它将要处理的是一个HTML文档，这是由该元素的boolean属性html来表示的<!DOCTYPE HTML>
文档的元数据区允许我们向浏览器提供一些关于该文档的信息，元数据包含在<header>中：
Listing：
<!DOCTYPE HTML>
<html><head><!-- metadata goes here --><title>Example</title></head></html>
所有的文档都应该包含一个<title>元素。
内容
文档的第三部分就是内容，包含在<body>元素中，而内容部分，也是最终呈献给用户的部分，至此，HTML文档的骨架已全部完成。