H5学习笔记——新增特性

语义化标签

HTML5新增的语义化标签

<header> :头部标签

<nav> :导航标签

<article> :内容标签

<section> : 定义文档某个区域

<aside> : 侧边栏标签

<footer> :尾部标签

注意:

        1、这种语义化标准主要是针对搜索引擎的

        2、这些新标签页面中可以使用多次

        3、在IE9中,需要把这些元素转换为块级元素

        4、移动端常使用这些标签

多媒体标签

新增的多媒体标签主要包含两个:

音频: <audio>

视频: <video>

<video>元素支持三种视频格式：尽量使用mp4格式。

视频<video>

语法：

<video src="文件地址" controls="controls"></video>

<video controls="controls" width="300">
    <source src-"move.ogg" type="video/ogg">
    <source src= "move.mp4" type="video/mp4">
    您的浏览器暂不支持<videL}>标签播放视频
</video >

视频<video>常见属性

 

音频<audio>

当前<audio>元素支持三种音频格式:

语法

<audio src="文件地址" controls="controls"></ audio>

<audio controls="controls">
    <source src="happy.mp3" type="audio/mpeg">
    <source src="happy.ogg" type="audio/ogg">
    您的浏览器暂不支持<audio> 标签。
</audio>

 常见属性

 HTML5新增的input类型

 

HTML5新增的表单属性

 可以通过以下设置方式修改placeholder里面的字体颜色:
 

input::placeholder {
    color: blue;
}