Html5新特性
程序员文章站
2022-04-13 17:36:06
...
HTML5 的一些最有趣的新特性:
- 新的语义元素,比如 <header>, <footer>, <article>, and <section>。
【<article>更侧重于表现独立的区块,用于表现一段文章或者引入一个插件;而<section>更重要的表现形式为分段,可以用来划分文档结构。】
- 新的表单控件,比如数字、日期、时间、日历和滑块。
- 强大的图像支持(借由 <canvas> 和 <svg>)
- 强大的多媒体支持(借由 <video> 和 <audio>)
- 强大的新 API,比如用本地存储取代 cookie。
【分为本地存储 localStorage和会话存储sessionStorage,在一定程度上解决了cookie的不便利性。存储上限5M。
- 存储模式:键值对,API灵活。
- cookie只能存储4kb,api不方便,都是document.cookie,操作的一长串字符串,需要自己分割,会被强制发送到服务器。
- localStorage除非手动清除,否则永久存在,没有超时时间。
- sessionStorage是只会在绘画期间有效,localStorage永久有效。】
HTML5 - 被删元素
以下 HTML 4.01 元素已从 HTML5 中删除:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
<header>页面的头部</header>
<nav> 导航条 </nav>
<article> 文章</article>
<section> 部分 区块 </section>
<aside> 定义侧边栏</aside>
<footer> 页面的底部</footer>
<datalist> 定义下拉列表 和 input搭配使用</datalist>
<fieldset> 语义:可将表单内的相关元素分组,打包,legend搭配使用</fieldset>