前端面试题之HTML(2021持续更新ing...)

1、五大浏览器及其内核

<

	浏览器	内核
1	IE	Trident
2	Tirefox	Gexko
3	Opear	presto
4	Safari	Webkit
5	Chorme	Webkit

2、什么是标签语义化
就是利用合理的标签干合适的事情，让页面内容结构化，优点有:
①易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
②有利于SEO，搜索丢失的时候能让页面呈现清晰的结构。
③有利于开发和维护，语义化更具可读性，代码更好维护，与css3关系更和谐。
④方便其他设备解析，如盲人阅读器根据语义渲染网页。
如：（以下都是HTML5新标签）

<header>代表头部
<nav>代表超链接区域
<main>定义文档主要内容
<article>可以表示文章、博客等内容
<aside>通常表示侧边栏或嵌入内容
<footer>代表尾

3、html5中如何嵌入音频
用audio 标签

4、html5中如何嵌入视频
用video标签

5、html5有哪些新特性
canvas绘图技术、svg绘图技术、webworker新线呈、websocket网络协议、webstorage客户端存储、插入音频的audio标签和插入视频的video标签。

6、seeionStorage和localStorage和cookie的区别
seeionStorage用于本地存储一个会话中的数据，这些数据中有在同一个会话中的页才能访问，并且当会话结束后，数据也随之销毁，因此sessionStorage不是持久化的本次存储，仅仅是会话级别的存储；而localStorage用于持久化的本地存储。处分是主动删除数据，否则数据是永远不会过期。

7、前端页面结构有哪三层构成？分别是什么，作用是什么？
由结构层、表现层和行为层构成。结构层是搭建框架，表现层是添加样式，行为层是生成动态页面。

8、form表单当中method的post和get的区别？
get是在服务器上获取数据，post是向服务器传送数据。
get和post的安全性都一般，但总体来get的执行效率比post高，post的安全性比get高。
get传送的数据量比较小，不能大于2KB，post传送的数据量比较大，大概在80-100KB。
在做数据查询的时候，建议用get方法，做数据添加、修改或者删除的时候，建议用post方法。