本文介绍了HTML5新增的语义化标签如语义化标签:有利于搜索引擎优化，有利于屏幕阅读者读取，有利于开发者的维护和开发
空格：$nbsp;
小于号：<
大于号：>
<div>没有语义的一个容器块级元素</div>
<span>没有语义的一个容器行内元素</span>
HTML5新增的布局标签：双标记块级元素
header头部 nav 导航 footer页脚 aside 侧边栏 article 文章、帖子、博客、独立的一块
section章节
代码：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div>头部</div>
<div>导航</div>
<div>主体
<div>左
<div>左侧里面</div>
</div>
<div>右</div>
</div>
<div>页脚</div><hr>
<header>头部</header>
<nav>导航</nav>
<div>主体
<article>文章
<section>章节</section>
</article>
<aside>侧边栏</aside>
</div>
<footer>页脚</footer>
</body>
</html>
HTML5新增的视屏标签:行内元素
<video>您的浏览器不支持视屏</video>
支持的格式；.mp4 .ogg（移动端） .wedM(高清）
属性：src必须属性路径
width：视屏的宽度
height：高度
poster””视频播放前显示的一张图片
autoplay 自动播放，谷歌浏览器不支持视屏自动播放
controls显示控制面板
loop：循环播放
muted：静音
代码例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<video src="videol.mp4" width="300" controls loop muted poster="tt.png">您的浏览器不支持视屏</video>
</body>
</html>
音频：<audio></audio>
支持格式：.mp3 .ogg .wav
属性src必须属性路径
autoplay 自动播放，谷歌浏览器不支持视屏自动播放
controls显示控制面板
loop：循环播放
muted：静音
source标签：作用给浏览器提供多种视屏或音频格式的选择
<source/>
<video width="300" controls loop muted>
<source src="videol.mp4"/>
<source src="videol.ogg"/>
<soirce src="videol.webM"/.
您的浏览器不支持视屏
</video>
888
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
