请简述HTML5为什么要删除一些标签和属性

请简述HTML5为什么要删除一些标签和属性,第1张

因为不利于编程。

先说属性

删除的那些属性,都是可以在 css 中实现的,但是之前设计的不够合理的缘故,导致部分的属性可以采用内联的方式来实现。

想想看,只需要 css 文件来改样式和需要 css 文件和 html 内联属性去改样式,那个更清晰明了。

于是简单的采用一种迭代进步的方式,逐步逐步的将内联的属性给删除掉。

再说标签,这个就麻烦点,有好几点:

第一、这些标签能够被 CSS 实现,那就没必要留着。

第二、这些标签是为了适应浏览器大战而特别加设的,是只支持部分浏览器的标签,这是由于过去浏览器之间的标准混乱导致,而现在不需要了。

第三、有 bug 或是不推荐的标签,比如 frame 标签,HTML5 中不支持 frame 框架,只支持 iframe 框架。

两种方法如下:

1、用css隐藏video视频播放控件:

<style type="text/css">

video::-webkit-media-controls{

display:none !important

}

</style>

css隐藏原生html5 video controls,这么设置后即使没有设置controls为false,native controls也不会再出现。其他的按钮,包括播放按钮、播放进度条、静音按钮、音量条等,都可以像全屏按钮一样自定义样式。不止是隐藏。

2、用js隐藏video视频播放控件:

<script type="text/javascript">

var video=document.getElementById("video")

video.controls=false

</script>

HTML5的video虽然可用controls来展示控件,并进行控制播放暂停等,但是不同的浏览器显示的效果可能不一样,所以很多时候需要使用Dom来进行自定义的一些 *** 作和控制。

扩展资料:

HTML5 video标签中的新属性:

1、autoplay:如果出现该属性,则视频在就绪后马上播放。

2、controls:如果出现该属性,则向用户显示控件,比如播放按钮。

3、height:设置视频播放器的高度。

4、loop:如果出现该属性,则当媒介文件完成播放后再次开始播放。

5、muted:规定视频的音频输出应该被静音。

6、poster:规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。

7、preload:如果出现该属性,则视频在页面加载时进行加载,并预备播放。

8、src:要播放的视频的 URL。

9、width:设置视频播放器的宽度。

参考资料来源:百度百科-html5 video

新增的结构标签:

1、section元素 ,表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中<section>…</section>HTML4中<div>……</div>。

2、article元素 ,表示页面中一块与上下文不相关的独立内容。比如一篇文章。

3、aside元素,表示article元素内容之外的、与article元素内容相关的辅助信息。

4、header元素,表示页面中一个内容区块或真个页面的标题。

5、hgroup元素,表示对真个页面或页面中的一个内容区块的标题进行组合。

6、footer元素,表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

7、nav元素,表示页面中导航链接的部分。

8、figure元素 ,表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。

延展回答:

废除的元素:

1、能用css代替的元素 ,basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。

2、不再使用frame框架。frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。

3、只有部分浏览器支持的元素,applet、bgsound、blink、marquee等标签。

4、其他被废除的元素。

废除rb,树勇ruby替代。

废除acronym使用abbr替代。

废除dir使用ul替代。

废除isindex使用form与input相结合的方式替代。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7047876.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存