前端面试总结1(HTML)-1.1:HTML5和HTML4有哪些不同
1. 声明方式
<!DOCTYPE html>
2.标准
HTML5文档解析不再基于SGML(标准通用标记语言),而是形成自己的一套标准
3.标签
新增语义标签:
<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>
废除一些网页美化标签,使得样式与结构分离
<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>
通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持
4.属性
增加了些表单属性, 主要是其中的input属性的增强
<input type=email >
<input type=url >
<input type=number >
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<input type=text placeholder="your message" >
<input type=text autofacus="true" >
其他标签新增属性
<meta charset="utf-8">
<script async></script>
使部分属性名默认具有boolean属性
<input type="checkbox" checked/>
<input type="checkbox" checked="checked"/>
5.存储
新增WebStorage,包括sessionStorage和localStorage
引入了IndexedDB和Web SQL,允许在浏览器端创建数据库表并存储数据,两者的区别在于IndexedDB更像是一个NoSQL数据库,而WebSQL更像是关系型数据库。W3C已经不再支持WebSQL。
引入了应用程序缓存器(application cache),可对web进行缓存,在没有网络的情况下使用,通过创建cache manifest文件,创建应用缓存,为PWA(Progressive Web App)提供了底层的技术支持。