列表
1,ul:无序列表(有很多列表信息是不分顺序的 在CSS状态下能够很好的显示)
ol:有序列表(不过涉及到新闻、买卖条目等信息时可以考虑用有序列表进项结构化这样可以能够体现信息的时间顺序)
li:列表项目
2,type:自定义属性
disc:实心圆点(默认值)
circle:空心圆点
square:实心方块
写法<ul style="list-style-type: square"></ul>
font-family:设置字体样式(如:宋体、楷体等)
定义列表
dl:定义列表
dt:定义列表标题
dd:定义列表说明
严格的讲dt和dd必须搭配使用从而形成一个完整的语义单元
不建用的元素
menu :菜单列表
dir :目录列表
这两个元素不建议使用因为早期的HTML把列表元素区分的过细列表语义存在很多重复性
表格
表格元素
- table表:用来定义数据表格的外框 或称为数据包含框。
- tr表格行:根据语义可以知道他是一行数据包含框
- td表格数据单元:称为单元格包含数据详细信息 该元素嵌套在tr元素里
数据表格元素
- th列标题元素:实际上应该是列或行表头 包含标题信息文字加粗-th元素代表一行数据
- caption数据表格标题元素:元素定义表格的真正标题一般与th元素必须跟进在table元素之后,一个表格只有一个标题
- summary属性是table元素的一个语义属性,用来定义表格数据的摘要。
表格分组
数据行分组
- thead(表格头)在数据表格中定义头部区域:thead是个复数也就是说他可以包含多行数据
- tbody(表格字体)在数据表中定义主体区域
- tfoot(表格脚)在数据表中定义脚部区域
数据列分组
- col(表格列)在数据表中定义列区域:col元素可以嵌套到colgroup元素中,也可以独立使用
在col元素里可以定义span属性来指定列分组的数目,默认值为1 col元素将从左到右按顺序分组数据列。没有包含的列则不分组列
- colgroup(数据列组)在数据中定义数据列组:但使用colgroup元素时,必须配合col元素来使用否则无效 标签只能在table元素中使用
- row列表头:rowspan合并行
- scope可以连接表格数据单元格和表格
- group设置整行整列属性