对HTML进行分类(设置类),使我们能够为元素的类定义CSS样式
为相同的类设置相同的样式,或者为不同的类设置不同的样式
HTML<span>元素是行内元素,能够用作文本的容器
设置<span>元素的类,能够为相同的<span>元素设置相同的样式
- header 定义文档或节的页眉
- nav 定义导航链接的容器
- section 定义文档中的节
- article 定义独立的自包含文章
- aseide 定义内容之外的内容(比如侧栏)
- foter 定义文档或节的页脚
- details 定义额外的细节
- summary 定义details元素的标题
响应式web设计:RWD
RWD能够以可变尺寸传递网页(对于平板和移动设备是必需的)
无序列表标签——<ul>
在一个无需列表中可包含多个列表项
设置无序列表的符号类型——type
在默认情况下,无序列表的项目符号是黑圆点,通过type参数可调整符号
<ul type=符号类型>
<li>.....
<li>....
<li>....
</ul>
disc——黑圆点
circle——空圆点
square——黑正方形
有序列表标签——<ol>
有先后顺序性特点,采用数字序号进行排列
在默认情况下,有序列表的序号是数字的,通过type参数可调整符号
<ol type=符号类型>
<li>....
<li>....
<li>....
</ol>
1——数字
a——小写字母
A——大写字母
i——小写罗马数字
I——大写罗马数字
有序列表的起始数值——start
在默认情况下,有序列表的列表项是从数字1开始的,通过start参数可调整起始数值(也可是英语字母和罗马数字)
<ol strat=起始数值>
<li>....
<li>....
</ol>
定义列表标签——<dl>
主要用于名词解释,包含两个层次的列表,一层是需要解释的名词,二层是具体的解释
<dl>
<dt>名词1<dd>解释1
<dt>名词2<dd>解释2
.....
</dl>
作为解释的内容在显示时会自动缩进
菜单列表标签——<menu>
菜单列表主要用于设计单列的菜单列表,菜单列表在浏览器中的显示效果和无序列表是相同的
<menu>
<li>....
<li>....
.....
</menu>
目录列表——<dir>
目录列表一般来创建多列的目录列表,它在浏览器中的显示效果和无序列表是相同的
<dir>
<li>....
<li>....
</dir>