web前端面试题（1）（html，http，web）

1.前端需要注意的seo优化。
a.合理使用title，description，keyword， h1标签。

b.使用语义化标签。
c.中澳的内容放在最前面，便于搜索引擎优先解析。
d.少用iframe标签，因为搜索引擎抓取不到。
e.图片尽量加alt。
f.提供网站加载速度。

2.的title和alt区别
alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准浏览器不支持这个 功能了。

3.http的几种请求方式
get：获取数据
post：向url提交或附加新的数据
put：与post很像，但是它制定了资源在服务器上的位置。
head：请求也你按首部。
delete：删除。
options：它是用于获取当前url所支持的所有方法，如果成功，会返回一个allow的头包含类似于post，get的信息
trace：用于激发一个远程的，应用层的请求消息回路。
connect：把请求链接转换到透明的tcp/ip通道。

4.请求返回状态码：
200 OK 当您的操作将在响应正文中返回数据时，出现此结果。
204 No Content 当您的操作成功，但不在响应正文中返回数据时，出现此结果。
304 Not Modified（重定向） 当测试实体自上次检索以来是否被修改时，出现此结果。
403 Forbidden 客户端错误
401 Unauthorized 客户端错误
413 Payload Too Large（客户端错误） 当请求长度过长时，出现此结果。
400 BadRequest（客户端错误） 当参数无效时，出现此结果。
404 Not Found（客户端错误） 当资源不存在时，出现此结果。
405 Method Not Allowed（客户端错误）由于方法和资源组合不正确而出现此错误。 例如，您不能对一个实体集合使用 DELETE 或 PATCH。
412 Precondition Failed 客户端错误
501 Not Implemented（服务器错误） 当未实施某个请求的操作时，出现此结果。
503 Service Unavailable（服务器错误） 当 Web API 服务不可用时，出现此结果。

5.从浏览器地址输入url到显示页面的步骤。
a.url经过dns解析，找到ip，想服务器发起请求。
（dns解析先是本地对比，再是想dns服务器请求解析）
b.服务器返回html，js，css等html的静态资源文件。
（浏览器的强缓存，和服务器的对比缓存）
c.浏览器解析静态文件，解析js向后端服务器请求数据，渲染页面。

6.如何进行网站的性能优化。
a 内容方面：减少http请求，合并文件，css精灵图处理：减少dns请求，dns缓存，将资源放在恰当数量的主机名上；减少dom元素的数量。
b server方面：使用cdn；配置etag；对组件gzip压缩。
c cookie：减少cookie大小
d css方面：将样式放在页面底部，不使用css表达式，使用link，不使用import
（import和link的区别：https://www.cnblogs.com/passkey/p/10141553.html）
e js方面：将js脚本放在底部，js和css从外部引入，压缩js和css，减少dom访问
f 图片方面：不在html里面拉伸图片，使用css精灵图。

7.语义化标签的理解。
用正确的标签做正确的事情；html语义化使得页面的内容结构化，便于浏览器和搜索引擎解析；在没有css样式的情况下，也可以以一种文档格式展示，便于阅读；有力月seo优化，去确定上下文和各部分的权重；更易于开发人员维护，阅读理解。

8.浏览器内核的理解
包括渲染引擎和js引擎。渲染引擎负责解析html，css，计算显示的网页的信息，输出。不同的浏览器内核的语法存在差异，渲染效果存在不同；js引擎是解析和执行js脚本的，实现页面的动态效果。

9.html5有哪些新特性，移除了哪些元素？
新增特性：canvas，video，audio，localstorage，sessionstorage，语义化标签（article，footer，header，nav，section），表单控件（calendar，date，time，email，url，search）;webworker，websocket，geolacaition。
移除的元素：basefont，big，center，font，s，strike，
frame，frameset，noframes

10.html5的离线存储怎么使用
html离线存储是基于一个.appcache文件的缓存机制，页面头部加入一个manifest属性。离线时操作window.applicationcache进行需求实现。

11.强缓存和协商缓存。

12.cookie，sessionstorage，localstorage差异
cookie是网站为了标示用户身份而存储在用户本地的数据，通常加密，例如token在同源的http请求忠携带，及时不需要。大小不超过4k。
sessionstorage，localstorage可以存储5m甚至更大，localstorage存储持久化数据，不会因浏览器关闭也丢失。sessionstorage反之，浏览器关闭会消失。cookie在设置过期时间之前都有效，及时关闭浏览器再打开。

13.iframe有哪些缺点
阻塞主页面的onload事件。
不利于seo优化。
与主页面共享连接池，影响页面的并行加载。
（用js动态src加载，可以规避上面1,3问题）

14.web和w3c标准。
标签闭合，标签小写，不乱嵌套，使用外链css和js，结构表现为分离。

15.xhtml和html区别

16.doctype作用？严格模式和混杂模式

17.行内元素有哪些？块级元素？空元素？
行内:a b span img input select strong
块元素：div ul ol li dl dt dd h1 。。 p
空元素：br hr img input link meta
行内元素不可以设置宽高，不独占一行；
块级元素可以设置宽高，独占一行

18.html全局属性
class
data
dragable
id
lang
style
title