前言
通过对所有HTMl标签（不包括HTMl5新增标签）的全面学习，将HTML标签分成一级、二级、三级三个等级。
一级标签需要全面的了解并熟悉如何使用；二级标签只要理解基本用法，并知道使用时会有哪些局限性；三级标签做到认识就可以了。
以下是对标签分级的标准：
- 一级：兼容性好，常见的
- 二级：兼容性一般的，需要其他语言配合的
- 三级：废弃的，能用CSS代替的，兼容性非常差的
一级标签
HTML文档基本框架
| 标签名 | 定义 | 注意点 |
|---|
<html> | 定义HTML文档 | null |
<head> | 定义关于文档的信息 | null |
<body> | 定义文档的主体 | null |
<!doctype> | 告知浏览器文档类型 | html4.0.1/xhtml有三种声明,html5只有一种声明 |
<style> | 定义样式表 | type属性是必须的，唯一值是“text/css” |
<link> | 链接外部资源 | 常见用途就是链接外部样式表,在<head>中使用 |
<script> | 定义Script脚本 | null |
<noscript> | 在无法显示script时显示内容 | null |
<!----> | 定义注释 | 可用来隐藏内容 |
<meta/> | 定义页面的元信息（meta-information) | 可用于搜索引擎关键字，重定向等 |
<base> | 为页面上所有链接定义默认地址 | 在<head>中使用 |
HTML文档基本内容
#号为难点
| 标签名 | 定义 | 注意点 |
|---|
<h1>.<h6> | 定义标题 | null |
<p> | 定义段落 | null |
<hr/> | 定义水平线 | null |
<br/> | 定义换行 | null |
<title> | 定义文档标题 | null |
<blockquote> | 定义长引用 | 引用内容有单独的格式 |
<q> | 定义短引用 | 引用内容加引号，没有单独格式 |
<address> | 定义作者或拥有者 | null |
<img> | 定义嵌入图像 | alt和src是必要属性 |
<a> | 定义一个锚 | <a href="">...</a>常见用法 |
#<object> | 定义一个对象 | null |
#<div> | 把文档分割以便于格式化 | null |
#<span> | 定义文档中的节 | null |
#<iframe> | 定义包含另外一个文档的内联框架 | null |
#<frameset> | 定义框架集 | 必须用cols或rows定义行或列 |
#<frame> | 在<frameset>定义一个特殊的窗口 | |
<noframe> | 为不支持框架的浏览器显示内容 | 位于<frameset>内部，文本必须包含在<body>…</body>中 |
#<map> | 定义图像映射 | null |
#<area> | 定义图像和映射的区域 | <area>总是被<map>标签嵌套 |
#<param> | 此标签为<object>或<applet>提供run-time参数 | null |
HTML文档样式改变
| 标签名 | 定义 | 注意点 |
|---|
<pre> | 定义预格式文本 | 保留了空格和换行 |
<ins> | 定义插入字 | null |
<del> | 定义删除字 | null |
<abbr> | 定义缩写 | 可以用title属性让指针移动到上面显示完整版本<abbr title="hyper text markup language">html</abbr> |
<bdo> | 定义文本的显示方向 | <bdo dir="ltr">...</bdo>,dir的属性：ltr从左往右，rtl从右往左 |
HTML表格和列表
| 标签名 | 定义 | 注意点 |
|---|
<table> | 定义一个表格 | null |
<caption> | 定义表格标题 | null |
<tbody> | 定义表格的主体内容 | 表格的所有内容都下载完成才会显示表格 |
<th> | 定义表头单元格 | null |
<tr> | 定义表格中的行 | null |
<td> | 定义表格中的单元格 | null |
<col/> | 为表格一个或多个列定义属性值 | 紧随<table>或者<coltable>使用 |
<colgroup> | 对表格中的列进行分组，以便对其格式化 | null |
<thead> | 定义表格中的表头内容 | null |
<tfoot> | 定义表格中的页脚 | null |
<ul> | 定义无序列表 | null |
<ol> | 定义有序列表 | null |
<li> | 定义列表的项目 | 在<ul>或<ol>后使用 |
<dl> | 定义了定义列表 | null |
<dd> | 定义了定义列表的条目部分 | null |
HTML表单
| 标签名 | 定义 | 注意点 |
|---|
<form> | 定义一个表单 | null |
<input> | 根据不同的表单搜集用户信息 | null |
<label> | 为<input>定义标注 | null |
<fieldset> | 定义围绕表单的元素 | null |
<legend> | 定义<fieldset>的标题 | null |
<select> | 创建单选或多选菜单 | null |
<optgroup> | 定义选项组 | null |
<option> | 定义一个选项 | null |
<textarea> | 定义多行文本输入控件 | null |
二级标签
HTML兼容性弱或需要其他语言支持的
| 标签名 | 定义 | 注意点 |
|---|
<acronym> | 首字母缩写 | HTML5不支持 |
<applet> | 定义一个java applet | 需要java支持 |
三级标签
可用CSS替代的，用于调整文本格式
| 标签名 | 定义 | 注意点 |
|---|
<b> | 粗体字 | null |
<big> | 大号字 | null |
<em> | 强调字 | null |
<i> | 斜体字 | null |
<small> | 小号字 | null |
<strong> | 强调字 | null |
<sub> | 上标字 | null |
<sup> | 下标字 | null |
<u> | 下划线 | null |
<s> | 删除字 | 废弃 |
<strike> | 删除字 | 废弃 |
| 标签名 | 定义 | 注意点 |
|---|
<var> | 为了强调变量的一种文字格式 | null |
<tt> | 为了强调打字机效果的一种文字格式 | null |
<samp> | 为了强调计算机代码样本的一种文字格式 | null |
<kbd> | 为了强调键盘文本的一种文字格式 | null |
<code> | 为了强调计算机代码的一种文字格式 | null |
<dfn> | 为了强调这是一个项目的一种文字格式 | null |
| 标签名 | 定义 | 注意点 |
|---|
<cite> | 一种引用格式，和<q>类似 | null |
<dir> | 定义目录列表，和无序列表<ul>同一格式 | null |
<font> | 定义字体格式 | null |
<center> | 定义文本居中 | null |
浏览器兼容差
| 标签名 | 定义 | 注意点 |
|---|
<basefont> | 定义页面默认的颜色和字号 | 只有IE支持 |
<menu> | 定义一个有命令的菜单 | 没有浏览器支持 |
其他
| 标签名 | 定义 | 注意点 |
|---|
<button> | 定义一个按钮 | 由于不同浏览器会发送不同的值，建议用input代替 |
扫一扫
622
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
