没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
































前端面试必备之前端面试必备之html5的新特性的新特性
HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。所以当我们在面试前端工作的时候,遇到html5
相关的问题一点也不意外,想要顺利通过前端面试?下面这篇文章就来跟大家分享介绍了关于前端面试必备之
html5新特性的相关资料,需要的朋友可以参考下。
前言前言
什么是HTML5:HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。今天来谈谈前端面试中基本上
每次一面的时候都会被问到的一个问题,那就是html5的新特性。这个是学习前端必须掌握的基础知识。
新增的元素新增的元素
html5新增了一些语义化更好的标签元素。
结构元素结构元素
1. article元素,表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章。
2. aside元素,表示article内容之外的内容,辅助信息。
3. header元素,表示页面中一个内容区块或整个页面的页眉。
4. hgroup元素,用于对页面中一个区块或整个页面的标题进行组合。
5. footer元素,表示页面中一个内容区块或整个页面的页脚。
6. figure元素,表示媒介内容的分组,以及它们的标题。
7. section元素,表示页面中一个内容区块,比如章节。
8. nav元素,表示页面中的导航链接。
其他元素其他元素
1. video元素,用来定义视频。
2. audio元素,用来定义音频。
3. canvas元素,用来展示图形,该元素本身没有行为,仅提供一块画布。
4. embed元素,用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等。
5. mark元素,用来展示高亮的文字。
6. progress元素,用来展示任何类型的任务的进度。
7. meter元素,表示度量衡,定义预定义范围内的度量。
8. time元素,用来展示日期或者时间。
9. command元素,表示命令按钮。
10. details元素,用来展示用户要求得到并且可以得到的细节信息。
11. summary元素,用来为details元素定义可见的标题。
12. datalist元素,用来展示可选的数据列表,与input元素配合使用,可以制作出输入值的下拉列表。
13. datagrid元素,也用来展示可选的数据列表,以树形列表的形式来显示。
14. keygen元素,表示生成密匙。
15. output元素,表示不同类型的输出。
16. source元素,为媒介元素定义媒介资源。
17. menu元素,表示菜单列表。
18. ruby元素,表示ruby注释, rt元素表示字符的解释或发音。 rp元素在ruby注释中使用,以定义不支持ruby元素的浏览器
所显示的内容。
19. wbr元素,表示软换行。与br元素的区别是:br元素表示此处必须换行,而wbr元素的意思是浏览器窗口或父级元素的宽
度够宽时。不进行换行,而当宽度不够时,主动在此处进行换行。
20. bdi元素,定义文本的文本方向,使其脱离其周围文本的方向设置。
21. dialog元素,表示对话框或窗口。
废除的元素废除的元素
html5中废除了一些纯表现的元素,只有部分浏览器支持的元素还有一些会对可用性产生负面影响的元素。
纯表现元素纯表现元素
纯表现的元素就是那些可以用css替代的元素。basefont、big、center、font、s、strike、tt、u这些元素,他们的功能都是纯
粹为页面展示服务的,html5提倡把页面展示性功能放在css样式表中统一处理,所以将这些元素废除,用css样式进行替代。
对可用性产生负面影响的元素对可用性产生负面影响的元素
对于frameset元素、frame元素与noframes元素,由于frame框架对网页可用性存在负面影响,在html5中已不支持frame框
架,只支持iframe框架,html5中同时将frameset、frame和noframes这三个元素废除。
只有部分浏览器支持的元素只有部分浏览器支持的元素
对于applet、bgsound、blink、marquee等元素,由于只有部分浏览器支持,特别是bgsound元素以及marquee元素,只被IE
资源评论


weixin_38737335
- 粉丝: 4
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 如何利用AI+数智应用产品加速区域科技创新体系建设?.docx
- 如何利用AI+数智应用评估科技平台服务的优劣?.docx
- 如何利用AI+数智应用确保科技服务平台发展可持续?.docx
- 金融工程MATLAB实现基于XGBoost-RNN-PSO 极限梯度提升(XGBoost)结合递归神经网络(RNN)与粒子群优化算法(PSO)进行股票价格预测的详细项目实例(含完整的程序,GUI设
- 如何利用AI+数智应用数据驱动科技服务平台的长效发展?.docx
- 如何利用AI+数智应用提升技术转移机构的服务质量和效率?.docx
- 如何利用AI+数智应用提升科技平台的服务质量,确保服务效果可持续?.docx
- 如何利用AI+数智应用提升科技平台服务的有效性和针对性?.docx
- 如何通过AI+数智应用服务解决科技平台资源匮乏的问题?.docx
- 如何通过AI+数智应用赋能提升政府科技创新管理效率?.docx
- 如何通过AI+数智应用科创服务供给提升区域科技创新体系的效率?.docx
- 如何通过AI+数智应用科技活动组织与服务解决科技平台资源不丰富问题?.docx
- 如何通过AI+数智应用科技情报和市场分析提升区域创新能力?.docx
- 如何通过AI+数智应用确保科技平台的可持续发展?.docx
- 如何通过AI+数智应用手段解决科技平台资源匮乏与服务低效难题?.docx
- 如何通过AI+数智应用实现科技平台发展可持续的科技资源供给?.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
