HTML一些常用元素的整合（学习笔记）

1.HTML4中的基本元素

1.1结构元素

元素	说明
div	在文档中定义一块区域（类似于一个盒子）
ol	列表（有序）
ul	列表（无序）
dl	以定义的方式进行列表
dt	定义列表中的词条
dd	对定义的词条进行解释
del	定义删除的文本
ins	定义插入的文本
h1~h6	定义不同级别的标题
p	定义段落结构
hr	定义水平线

1.2内容元素

元素	说明
span	定义行内包含框
a	定义超链接
abbr	定义缩写词
address	定义地址
dfn	定义术语（斜体显示）
kdb	定义键盘键
samp	定义样本
var	定义变量
tt	定义打印的字体
code	定义计算机源代码
pre	定义预定义格式文本
blockquote	定义大块内容引用
cite	定义引文
q	定义引用短语
strong	定义重要文本
em	定义文本为重要的

1.3修饰元素

元素	说明
b	显示为粗体
i	显示为斜体
big	定义较大文本
small	文本缩小显示
sup	定义上标
sub	定一下标
bdi和bdo	定义文本显示方向
br	换行
u	显示下划线
center	文本居中
font	字体颜色和大小等

2.HTML5中的一些新增的元素和改变

2.1语义化结构元素

元素	说明
header	页面中内容的标题或者整个页面的标题
footer	页面的脚注、
section	内容区块，与h1~h6结合使用，标示文档结构
article	标示页面中的一块与上下文不相关的独立内容
aside	表示article元素以外的、与article元素的内容相关的辅助信息
nav	表示页面中导航链接的部分
main	页面主要内容
figure	表示一段独立的流内容，可以用figcaption元素为figure元素添加标题

2.1功能元素
video：定义视频

<video src=" "> </video>

而在html4中表示为

<object type=" "  data=" "><param name="src " value=" "></object>

audio:定义音频

 <video src=" "> </video>

而在html4中表示为

<object type=" "  data=" "><param name="src " value=" "></object>a
embed:插入各种多媒体（使用方法同上）

mark：突出或高亮显示文字

<mark></mark>

在HTML4中则：

<span></span>

(time、output等元素亦是如此)
dialog:定义对话框或窗口

<dialog open></dialog>

HTML4中：

<div id="dialog"></div>

figcaption:定义figure元素的标题
command：表示命令按钮
wer：和br元素一样是换行的元素，但是区别在于wbr是浏览器窗口或者父级元素的宽度足够宽时，不进行换行而当宽度不足时会自动换行。
datalist：表示可选数据的列表
datagrid：表示可选数据的列表，但是是以树形列表显示
Keygen：生成秘钥
meter：度量给定范围内的数据

2.2表单元素

元素	说明
tel	格式<input type=“tel”/>，表示必须输入电话号码的文本库
search	格式<input type=“search”/>，表示搜索文本框
url	格式<input type=“url”/>，表示必须输入URL地址的文本框
email	格式<input type=“email”/>，表示必须输入电子邮件的文本框
date（month、week、time同理）	格式<input type=“date”/>表示时间和日期的文本框

颜色文本：color、范围文本range、数字文本：number等同理
以上为本人学习的总结笔记，望大佬们看出有错误提点提点