html5新特性
一. HTML5新增语义化标签与特性有那些
如:header(页面标题)、nav(导航)、aside(附加内容)、section(主体)、article(完整的内容)、footer(页脚),这些标签能够更好地描述页面的结构和内容,提高了页面的可读性和可访问性。 video(视频)audio(音频)canvas(画布) svg(绘图)Webworker(通信) storage(存储) 等
二. 工作中为什么要使用语义化标签
- 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。
- 有利于seo解析,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重,语义化的HTML在没有css的情况下也可能呈现较好的内容.结构与代码结构方便其他设备的解析,便于团队开发和维护。
三. cookie localStorage sessionStorage
- cookie 大小是4kb expires属性设置存储时间 关闭浏览器失效
- localStorage 大小是5M 关闭浏览器失效
- sessionStorage 大小是20M 永久存储 需手动销毁
四. web标准及W3C的理解
- 标签闭合、标签小写、不乱嵌套代码、提高SEO搜索几率、使用外链css和js脚本、结构行为表现的分离。
- 文件下载与页面速度更快、内容能被更多的用户所访问、能在更广泛的设备所访问、更少的代码和组件。
- 易维护、改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站易用性。