HTML5新增常用的标记有哪些-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

HTML5新增常用的标记有哪些

今天小编给大家分享一下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音频文件

定义音频,比如音乐或其他音频流

提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示

出不支持该标签的信息

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新增常用的标记有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网站栏目:HTML5新增常用的标记有哪些
当前路径:http://kswsj.cn/article/gsoeje.html

其他资讯