HTML5——元素（块级元素、行内元素、功能元素）

元素

块元素

块元素（box）
作用：作为页面框架或容器，是页面主体。
特性：
1、独占一行空间。
2、默认宽度为100％，默认高度由子元素及其内容决定的。
3、可以为其指定宽高。
块元素有：
无意义的块元素div
标题h1~h3，默认样式有font-size、font-weight、margin属性。
段落标签p，默认样式有margin属性。
html、body。
ul、li无序列表，ul默认样式有margin、padding、list-style属性。
ol、li有序列表，ol默认样式有margin、padding、list-style属性。
dl、dt、dd有序列表，dl、dd默认样式有margin属性。
h5新增块元素：header(头)、nav、article（主体）、section (部分)、footer（脚）、aside

行内元素

行内元素（label）
作用：点缀网页，填充内容。
特性：
1、与其他元素享用同一行空间。
2、默认宽高由内容决定。
3、不能为其指定宽高。
4、行内元素不可以嵌套块元素，块元素可以嵌套行内元素。
行内元素有：
无意义的行内元素span。
超级链接a标签，默认样式有color、text-decoration、cursor属性。
图片标签img，<img src="" alt=""> src图片地址（可为url、相对路径、绝对路径、base64格式的数据），alt为图片找不到时的替换文本。
…

功能元素

功能元素（与行内元素相似）
1、表格
table标签：
属性有border、width…
caption为表格标题，thead为表格头部，tbody为表格的主体，tfoot为表格底部。
在表格体使用tr、td/th标签来绘制表格，td/th中可放置任意子元素，他们的属性有colspan、rowspan、width、align。
2、表单
form标签：

<form action="" method="">
	<input type="" name="" value="">
	select
	textarea
</form>

action 中放置后台的接口地址，
method 中放置请求方式（get、post）：get参数拼接在url后面，通过？来分割，传递参数较少；post参数存放在请求体中，安全，传递参数更多。
input: name不可省略，作为参数中的key。value作为参数中的value,在按钮中务必指定value值。type中有text、password、submit、file、radio、checkbox。
select：option。
textarea：多行文本域，placeholder 提示语。
第三方库：日期插件、地址选择器地址、附件上传、富文本。