前端学习笔记之--HTML(2)


    多媒体元素

    video 视频       controls: 控制控件的显示,取值只能为controls            autoplay: 布尔属性,自动播放。muted: 布尔属性,静音播放。loop: 布尔属性,循环播放 

    audio 音频    controls: 控制控件的显示,取值只能为controls            autoplay: 布尔属性,自动播放。 muted: 布尔属性,静音播放。 loop: 布尔属性,循环播放 

    兼容性1. 旧版本的浏览器不支持这两个元素        2. 不同的浏览器支持的音视频格式可能不一致         如mp4、webm

audio用法与之一致

    列表元素

    有序列表: 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类型


你可能感兴趣的:(前端学习笔记之--HTML(2))