一、SEO常见指标
- title、description、keywords
- 网站速度
- 重要的html写前面，重要的内容不用js写
- 语义化的html
- 少用iframe
- 非装饰用的图片添加alt属性
二、<img>的title和alt属性
- title 在鼠标点上去的时候出现
- alt是图片的属性，图片内容的等价描述，可提高图片高访问性
三、Http的请求方法用途
1.get 获取数据
2.post/put 修改数据 put指定了资源在服务器上的位置
3.delete 删除数据
4.head只请求页面的首部
5.options用于获取当前URL所支持的方法，如果请求成功，会有一个ALLOW的头包含类似“Get,Post”这样的信息
6.trace 用于激发一个远程的，应用层的请求消息回路
7.connect把请求转换到透明的TCP/IP通道
四、简单地描述一下从浏览器输入url地址到页面显示的过程
浏览器将输入的URL进行DNS解析找到真实的IP,向服务器发起请求—服务器收到请求进行后台处理，将数据返给浏览器，浏览器接收文件（js,css,html,图像等）—浏览器将接收到的文件进行语法解析，建立dom树—载入解析到的资源文件，进行页面渲染
五、如何进行网站性能优化
- content：减少http请求（合并文件在线图片）；减少DNS查询（DNS缓存，将资源分布在适量的服务器上）；减少dom元素数量
- server：使用cdn
- 减少cookie大小
- 样式表放到页面顶部，减少大小，不实用css表达式
- 脚本放到页面底部，将css、js从外部引入，减少大小
- 图片：优化图片
六、状态码及含义
- 1**：信息状态码，100 continue继续
- 2**：成功状态码， 200 成功， 201—created 创建新资源，202—accept 服务器已接收，尚未处理
- 3**：重定向，301—永久重定向， 302—临时性重定向，303—临时性重定，304—not modified 上次访问之后没有进行修改
- 4**：客户端错误 400—bad request ，401-未授权 ，403-forbidden禁止访问，404-not found
- 5**：服务端错误 500 503
七、对浏览器内核的理解
主要分为渲染引擎和js引擎。渲染引擎负责取得网页的内容（html/xml，图像等），整理讯息（例如加入css等）以及计算网页的显示方式，然后输出，不同的内核对于网页的语法解析会有不同，渲染的效果也不相同。js引擎主要负责解析和执行js代码来增加网页的动态效果。
八、HTML5有哪些新特性，移除了哪些元素
新增27个特性，废除了16个特性。
- 新特性：canvas、语义化的标签、localsStorage 浏览器关闭 不会丢失、sessionStorage 浏览器关闭会自动删除、video/audio、表单控件、websocket、webworker、geolocation
- 废除的: <font>、<u>、<basefont>、<big>、<tt>、<cent>、<strike>、<frameset>、<frame>、<noframes>
九、HTML5的离线存储，解释原理
用户没有联网的时候，用户可以正常访问站点或应用，联网的时候，更新用户机器上的缓存
- 原理：html5离线存储是基于一个.appcache文件的缓存机制，通过这个文件上的解析清单离线存储资源，这些资源会像cookie一样存储下来，之后当网络处于离线状态时，浏览器会通过被离线存储的数据进行页面展示
- 使用：页面头部加一个 manifest的属性，在cache.manifest文件编写离线存储资源，在离线状态时，操作window.applicationCache进行需求实现
十、浏览器是怎么对HTML5的离线存储资源进行管理和加载的
- 在线的情况，浏览器发现页面头部有manifest属性，就会去请求manifest文件，第一次访问app的话，会根据文件里的内容去下载资源并离线存储，如果已经访问过了并且已经离线存储了，会直接使用离线资源加载页面，浏览器对比新旧manifest文件，没有变化的话，不做任何操作，有变化的话，会重新下载并离线存储资源
- 离线的情况，会直接使用离线存储资源
十一、sessionStorage、localStorage、cookie的区别
- cookie用于标记用户身份存在用户本地客户端，会随着http请求在客户端和服务器端来回传递
- sessionStorage 和 localStorage只存在客户端 不会在服务端传递
- cookie的存储大小不大于4k，localStorage和sessionStorage 存储大小可以到5M
- cookie在过期时间内不会消失， localStorage 不会随着浏览器关闭而消失，sessionStorage浏览器关闭会消失
十二、iframe的缺点
iframe会影响onLoad事件；爬虫不会去搜索iframe页面，不利于seo；iframe和主页面共享连接池，相同域的链接有限制，会影响并行加载速度；使用iframe时最好使用js动态加载src属性，避免这些问题
十三、web标准和w3c标准是什么
标签闭合、标签小写、不乱嵌套、使用外链css及js、结构行为表现分离
十四、xhtml和html的区别
- 功能上：xhtml能兼容各大浏览器、手机及pad，并且能快速正确地编写页面
- 书写上：xhtml标签必须闭合，区分大小写，必须正确地嵌套、文档必须拥有根元素
十五、Doctype作用？严格模式和混杂模式如何区分，它们有何意义？
- <!Doctype>出现在文档的最顶端，<html>标签之前，告诉浏览器的解析器用什么类型的规范来解析文档
- 严格模式的排版和js运行模式以浏览器的最高标准来执行
- 混杂模式下，浏览器会以宽松的向后兼容的模式来运行，模拟老浏览器的模式来运行，以确保站点正常工作，一般缺少DOCTYPE或者格式不正确会以混杂模式处理
十六、行内元素有哪些？块级元素有哪些？空元素有哪些？行内元素和块级元素的区别？
行内元素：<span><img><input><select><b><a><strong>
块级元素：<div><p><ul><h><li><ol><dl><dd><tt><dt>
空元素：<br><hr><link><meta>
区别：行内元素不占宽高，不独占一行，块级元素占宽高，独占一行
十七、HTML全局属性有哪些
- class—设置全局类标志
- id—全局唯一id
- style—行内css样式
- lang—元素内容的语言
- data-*—添加自定义属性
- draggable—元素是否可拖拽
- title—元素相关的信息建议
网友评论