云技术今天小编给大家分享一下HTML5新增常用的标记有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
HTML5常用标记
含义 语法书写
头部
尾部
导航
媒体文件引入
内容块
辅助信息
文章
独立内容块
类似dl dt dd
高亮显示文字 一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词
标题组
对话框 目前只有 Chrome 和 Safari 6 支持
定义图形 只是图形容器，必须使用脚本来绘制图形。
Video视频文件
Video 定义视频
loop=”loop”（循环） poster=”./xionger.jpg”（定义视频第一帧的图片）>
（video允许有多个source元素，source元素可以连接不同的视频文件
浏览器将使用第一个可识别的格式进行播放）
Video的标签支持的格式
一共支持三个格式：Ogg、MPEG4、WebM。但三种格式对于浏览器的兼容性
各不同
1格式 IE Firefox Opera Chrome Safari
2Ogg No 3.5+ 10.5+ 5.0+ No
3MPEG4 9.0+ No No 5.0+ 3.0+
4WebM No 4.0+ 10.6+ 6.0+ No
NO 代表不支持这款浏览器
X.0+ 表示支持这款及版本更高的浏览器
Auido音频文件
您的浏览器不支持audio标签
定义音频，比如音乐或其他音频流
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示
出不支持该标签的信息
CSS3浏览器前缀（了解）
-ms- -ms-box-shadow IE浏览器专属的CSS属性需添加-ms-前缀
-moz- -moz-box-shadow 所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀
-o- -o-box-shadow免费云主机、域名 Opera浏览器专属的CSS属性需添加-o-前缀
-webkit- -webkit-box-shadow 所有基于Webkit引擎的浏览器（如Chrome、Safari）专属的CSS需添加-webkit-前缀
CSS3优雅降级渐进增强
.transition { /*渐进增强写法 从小到大*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
文字阴影 text-shadow
div{text-shadow:10px(水平阴影距离，可给负值) 10px（垂直阴影距离，可给负值） 5px （模糊度）red（阴影颜色）;}
p{text-shadow:10px 10px 5px red, 12px 12px 6px blue;}
（多个阴影间用逗号隔开）
盒子阴影 box-shadow
div{box-shadow:10px 10px 5px 3px（延伸半径） red inset（内阴影）;}
p{box-shadow:10px 10px 5px red,12px 12px 6px blue；}
CSS中圆角的属性
border-radius 设置圆角 border-radius ：20px/30px; 如果反斜杠符号“/”存在，“/”前面的值是设置元素圆角的水平方向半径，“/”后面的值是设置元素圆角的垂直方向的半径；
border-radius ：30px; 如果没有“/”，则元素圆角的水平和垂直方向的半径值相等
text-shadow
定义/作用:设置文本阴影的效果
语法:text-shadow:x方向的位置 y方向的位置【向下】模糊距离颜色[默认
跟文本的颜色一致]有两个必须的属性值:x方向的位置y方向的位置以上就是“HTML5新增常用的标记有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云技术行业资讯频道。
这篇文章主要介绍“CSS盒属性如何使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS盒属性如何使用”文章能帮助大家解决问题。一、块级元素在容器中的居中问题：我们都知道，块级元素在默认情况下是占据容器整行的宽度的。…
主机管理平台有哪些？
企业网站主机，选云服务器还是虚拟主机？
域名注册申请，必须要实名吗？