html面试题、知识点复习回顾

1.html5 有哪些新特性？ 移除了哪些元素？

• HTML5 现在已经不是 SGML 的⼦集，主要是关于图像，位置，存储，多任务等功能的增加
• 绘画 canvas ⽤于媒介回放的video和 audio 元素
• 本地离线存储 localStorage ⻓期存储数据，浏 览器关闭后数据不丢失 sessionStorage 的数据在浏览器关闭后⾃动删除
• 语意化更好的内容元素，⽐如 article 、 footer 、 header 、 nav 、 section 表单控 件， calendar 、 date 、 time 、 email 、 url 、 search
• 新的技术 webworker （运行在后台的JS 独立于其他脚本）、 websocket（通信） 、 Geolocation （位置API）
• 拖放API ： drag（拖），drop（放）

移除的元素

• 纯表现的元素： basefont 、 big 、 center 、 font 、 s 、 strike 、 tt 、 u
• 对可⽤性产⽣负⾯影 响的元素： frame 、 frameset 、 noframes

支持 html5 新标签

• IE8/IE7/IE6⽀持通过 document.createElement ⽅法产⽣的标签 可以利⽤这⼀特性让这些浏览器⽀ 持 HTML5 新标签 浏览器⽀持新标签后，还需要添加标签默认的样式

2.说一下对语义化的理解

​ 语义化就是构成HTML结构的标签要有意义。根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

为什么要语义化？

• 在没有 css 样式的 时候也能 以文档的形式显示，易于阅读
• 搜索引擎的爬虫 依赖标记来确定上下文的权重，利于SEO
• 使开发人员阅读源码时更轻松， 做无障碍时很重要，便于阅读网页内容
• 用户 对于没有加载出css时页面也能有一个良好的结构

3.SEO是什么？ 前端做 SEO 要注意什么？

1. SEO是英文 Search Engine Optimization 的缩写，中文意思“搜索引擎优化”。SEO是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，从而获得更多流量，最终达成品牌建设或者产品销售的目的。
2. 前端seo最重要的就是h1 标签 一个页面只能有一个 唯一的 最重要的
   • 合理的 title 、 description 、 keywords ：搜索对着三项的权重逐个减小，重要关键词不要出现2次，且要放的靠前
   • 语义化的 HTML 代码，符合W3C规范：语义化代码让搜索引擎容易理解⽹⻚
   • 重要内容不要使用 JS 输出 爬虫不会执行JS代码
   • 尽量不要使用iframe
   • a标签 必须写 href 属性 图片必须加 alt 属性 不加爬虫 会认为图片的错误的 不会爬取
   • 提高网站速度，速度也是seo的一个重要指标

4.从浏览器地址栏输⼊url到显示⻚⾯的步骤

简单回答：

• 先走浏览器缓存，查找有没有当地域名的缓存
• 浏览器根据 url 交给dns 进行 域名解析 后返回 ip 向对应ip发请求
• 浏览器对返回的资源进行 解析，建立相应的结构（HTML和DOM）
• 载入解析到的资源文件，渲染页面，完成显示

详细回答：

1. 首先在地址栏输入一个url，浏览器查找一下有没有缓存，如果有就去缓存拿资源
2. dns解析，首先查找 硬盘 hosts文件 找到ip映射就直接发请求， 找不到浏览器会请求本地dns服务器，找不到再一级一级往上找，直到找到 ip 返回 同时进行缓存
3. 建立TCP连接（三次握手）SYN ACK
   • 三次握手是为了防止已失效的连接请求报文端突然又传送到服务器端，因而产生错误。
4. 客户端发送