TML5新增元素

2019-09-25 17:11 老九君阅读(220) 评论(0) 收藏举报

html5是html语言的一种规范版本，实现了“一次编写，可在各处运行”，减少了开发人员的工作量。

H5新增元素

语义化元素

语义化元素均为块级元素，本身没有实际功能，但会方便开发人员划分网页结构，即通过标签名称本身即可区分网页元素功能。

<header> 标题头部，指整个页面头部或一个页面区域中的头部
<footer>底部区域，指整个页面底部或一个页面区域的底部
<section>页面的一块独立区域，其内部布局以自身为参照
<article>独立的文章内容，通常含有大量文字以及文本排布相关标签
<aside>相关内容或应用，常用于指代侧边栏，起辅助功能
<nav> 导航类辅助内容，常用于指代菜单

元素排布

多媒体元素

音频元素

<audio src="音频路径" controls="controls"></audio>
src表示的音频路径可通过标签内插入source标签代替
controls=“controls” 属性提供音频控件，包括播放、暂停和音量控制。
autoplay 属性提供自动播放功能
loop 属性提供循环播放功能
在audio标签之间插入文字，可用于在不支持该标签的浏览器的显示文字提醒用户。
主流浏览器中对于引入的音频格式主要包括ogg mp3和wav,不同浏览器有所区别，所以标准情况会准备三个格式文件方便兼容。
可用写法如下：