1. HTML5特性有哪些?语义化的做法有哪些,具体指的什么
新特性常用解释如下
1 | 多媒体,用于媒介回放的video和audio元素。 |
---|---|
2 | 图像效果,用于绘画的canvas元素,svg元素等 |
3 | 离线&存储,对本地离线存储能够更好地支持,比如localstorage,Cookies等。 |
4 | 设备兼容特性,HTML5提供了前所未有的数据与应用接入开放接口,使外部应用可以直接与浏览器内部的数据直接相连。 |
5 | 连接特性,更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现,同时拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。 |
6 | 性能与集成特性,HTML5会通过XML HttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速地工作。 |
新增标签
1 | 多媒体:audio video source embed track |
---|---|
2 | 新表单元素:datalist output keygen |
3 | 新文档节段和纲要:header页面头部 section章节 aside边栏article文档内容 footer页面底部 |
语义化具体指以下内容:
1 | 语义特性,添加header nav等标签 |
---|---|
2 | 为了在没有css代码时,也能呈现很好的内容结构,代码结构,以至于达到没有编程基础的非技术人员,也能看懂其代码 |
3 | 为了提高用户体验,比如:title,alt用于解释名词和图片信息 |
4 | 利于SEO,语义化能和搜索引擎建立良好的关系,有利于爬虫抓取更多的有效信息,爬虫依赖于标签来确定上下文和各个关键字的权重 |
5 | 便于团队开发和维护,语义化更具可读性,如果遵循W3C标准的团队都遵循这个标准,可以减少差异化,有利于规范化 |
6 | 方便其他设备解析(如屏幕阅读器,盲人阅读器,移动设备)以语义的方式来渲染网页 |