多媒体元素
video 视频 controls: 控制控件的显示,取值只能为controls autoplay: 布尔属性,自动播放。muted: 布尔属性,静音播放。loop: 布尔属性,循环播放
audio 音频 controls: 控制控件的显示,取值只能为controls autoplay: 布尔属性,自动播放。 muted: 布尔属性,静音播放。 loop: 布尔属性,循环播放
兼容性1. 旧版本的浏览器不支持这两个元素 2. 不同的浏览器支持的音视频格式可能不一致 如mp4、webm
列表元素
有序列表: ol (ordered list) 子项 li
无序列表: ul (unordered list) 子项 li
定义列表:dl: definition list dt: definition title dd: definition description
有序列表
1.type 指定列表标识类型
取值: 1 默认值,以数字排序 a 小写英文字母排序 A 大写英文字母排序 I 大写罗马数字排序 i 小写罗马数字排序
2.start 指定起始编号是从第 几 开始
取值:为无单位的数字
3. reversed 倒序
注意:如果设置的type类型倒序到最开始,会改成从零开始倒序
无序列表
1.type 指定无序列表的标识
取值:disc 实心圆 circle 空心圆 square 实心方块 none 不显示标识
自定义列表
容器元素
容器元素:该元素代表一个块区域,内部用于放置其他元素 div
语义化div : header footer article section aside
header: 通常用于表示页头,也可以用于表示文章的头部
footer: 通常用于表示页脚,也可以用于表示文章的尾部
article: 通常用于表示整篇文章
section: 通常用于表示文章的章节
aside: 通常用于表示侧边栏
元素的包含关系
1. 容器元素中可以包含任何元素
2. a元素中几乎可以包含任何元素
3. 某些元素有固定的子元素(ul>li,ol>li,dl>dt+dd)
4. 标题元素和段落元素不能相互嵌套,并且不能包含容器元素
框架页
iframe元素 通常用于在网页中嵌入另一个页面
iframe 可替换元素(盒模型可在css中查看)
1. 通常行盒
2. 通常显示的内容取决于元素的属性
3. CSS不能完全控制其中的样式
4. 具有行快盒的特点
在页面中使用flash object embed 它们都是可替换元素MIME(Multipurpose Internet Mail Extensions)
表格元素
table : 表格元素
因为渲染过慢,已经不在适用网页布局
一些其他元素
abbr缩写词
time提供给浏览器或搜索引擎阅读的时间
b (bold)以前是一个无语义元素,主要用于加粗字体
q一小段引用文本
blockquote大段引用的文本
meta还可以用于搜索引擎优化(SEO)
link链接外部资源(CSS、图标) rel属性:relation,链接的资源和当前网页的关系 type属性:链接的资源的MIME类型