H5新增语义标签

作用:iframe是用来在网页中插入第三方页面,早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分,这样在切换页面的时候避免重复下载。
语法:<iframe src="规定在 iframe 中显示的文档的 URL(默认的显示页面)" width="" height="" frameborder="1/0" name="iframe名称" scrolling="yes/no/auto"> </iframe>
frameborder="1/0" 1代表有框架边框 /0代表无框架边框
滚动条:scrolling="yes/no/auto" yes :有 no:无 auto:自动
< a href="" target="iframe的name属性值"></ a>表示超链接的目标地址在框架中打开
calc() 函数:用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 "+", "-", "*", "/" 运算;
calc()函数使用标准的数学运算优先级规则;


语法
内容类型(ContentType)HTML5的文件扩展符与内容类型保持不变,仍然为".html"或".htm"。
DOCTYPE声明不区分大小写
指定字符集编码meta charset="UTF-8"
可省略标记的元素不允许写结束标记的元素:br、col、embed、hr、img、input、、link、meta
可以省略结束标记的元素:li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
可以省略全部标记的元素:html、head、body、colgroup、tbody省略引号属性值可以使用双引号,也可以使用单引号。


新增语义标签
section元素 表示页面中的一个内容区块
article元素 表示一块与上下文无关的独立的内容
aside元素 在article之外的,与article内容相关的辅助信息
header元素 表示页面中一个内容区块或整个页面的标题
footer元素 表示页面中一个内容区块或整个页面的脚注
nav元素 表示页面中导航链接部分
figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
main元素 表示页面中的主要的内容 (ie不兼容)
兼容低版本浏览器: <script src=“html5.js”></script>

video元素 定义视频<video src="movie.ogg" controls="controls">Video元素</video>audio元素 定义音频<audio src="someaduio.wav">Audio元素</audio>

controls属性:如果出现该属性,则向用户显示控件,比如播放按钮。
autoplay属性:如果出现该属性,则视频在就绪后马上播放。
loop属性:重复播放属性。
muted属性:静音属性。
poster属性:规定视频正在下载时显示的图像,直到用户点击播放按钮。

posted @ 2021-11-24 20:49  满天星可以嘛  阅读(49)  评论(0编辑  收藏  举报