html面试1

html面试1

seo搜索引擎注意事项

1. “SEO是指搜索引擎优化。全称为(Search Engine Optimization)。

2. 根据权重来看，常用的是<title></title>标签，然后是<meta>标签，meta标签一般用两种，<meta name="keywords" content="搜索"></meta>关键字搜索，<meta name="description" content="搜索"></meta>网页的内容搜索。

3. 语义化HTML代码，符合W3c规范。语义化：用合理HTML标记以及其特有的属性去格式化文档内容。W3C规范：万维网联盟（World Wide Web Consortium）

4. 重要的html代码放到最前面。搜索爬虫针对html内容。重要内容不要放到js里面。

5. 搜索引擎不会抓取iframe内容。

6. 图片要加alt属性

img标签的title和alt的区别

1. alt是img特有属性属于是局部属性，对图片描述，图片不加载也能显示。对搜索引擎友好。

2. title是全局属性，可以用在任何一个标签上

http的几种请求方法和区别

1. get方法：get提交的数据通常在url中，不会在请求正文里，一般都是以拼接的形式。不同的浏览器会限制URL的长度。

2. Post方法：Post方法提交的参数会放在请求正文里，不会出现在URL中，浏览器的网址栏不会看到我们输入的数据，只有表单提交的路径。Post方法是通过请求正文来提交参数的。Post方法提交的参数大小没有限制。

3. put方法：与post方法类似，请求中的URl表示请求中封闭的实体-用户代理知道URl的目标，并且服务器无法将请求应用到其他资源。

4. delete方法：顾名思义，就是执行相应的删除操作，配合数据库进行相应的删除动作。也是请求中封闭的实体。

5. Options方法：这个方法很有趣，但极少使用。它用于获取当前URL所支持的方法。若请求成功，则它会在HTTP头中包含一个名为“Allow”的头，值是所支持的方法，如“GET, POST”。

6. head方法：HEAD和GET本质是一样的，区别在于HEAD不含有呈现数据，而仅仅是HTTP头信息。

从浏览器地址栏输入url显示页面的步骤

1. 浏览器根据请求的URL交给DNS域名解析，找到真实IP，向服务器发起请求;服务器交给后台处理完成后返回数据，浏览器接收文件(HTML、JS、CSS、图象等);

2. 浏览器对加载到的资源（HTML、JS、CSS等）进行语法解析，建立相应的内部数据结构(如HTML的DOM);

3. 载入解析到的资源文件，渲染页面，完成。

如何进行网站优化

Content方面

1. 减少HTTP请求:合并文件CSS精灵、inline lmage。

2. 减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名。

3. 减少DOM元素数量

Server方面

1. 使用cdn。CDN 是构建在数据网络上的一种分布式的内容分发网。

2. 对组件进行压缩。类似于npm下的依赖。

Cookie方面

1. 减少cookie的大小。

css方面

1. 样式放到顶部。

2. 不使用css表达式。

3. 使用link不使用@import。link属于HTML标签，而@import完全是CSS提供的一种方式。当一个页面被加载时（或者被浏览者浏览时），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。dom不能控制import里面的样式。

javascript方面

1. 减少dom访问。

2. 删除不需要的脚本。

图片方面

1. 优化css精灵

http状态码和协议

1. 100 Continue继续，一般发送post请求，已发送http，header之后服务端返回信息。

2. 200服务端正常返回信息。

3. 302重定向。

4. 404找不到url匹配的资源。

5. 500服务端发生错误。

浏览器内核的理解

1. 主要分为两部分：渲染引擎和js引擎。

2. 渲染引擎：负责取到页面内容：（html，图像，css）等。

3. js引擎：解析和执行javaScript实现网页动态效果。

html5有哪些新特性，移除了哪些元素

1. 绘画canvas

2. 用于媒介播放的video和audio元素。

3. 本地离线储存localStorage长期储存数据，浏览器关闭后数据不丢失。

4. 语义化更好的内容元素，比如footer和header，nav。

5. 表单控件，date，time，email，url，search。

6. 新技术websocket。

html5离线存储

1. 没有因特网连接时，可以正常访问站点和应用。在用户与因特网连接时，更新机器上的缓存文件。

cookies，sessionStorage和localStorage的区别

1. cookie是网站为了标示用户身份而储存在用户本地终端上的数据。

2. cookie在http请求中携带，记录在浏览器和服务器中来回传播。

3. sessionStorage和localStorage不会把数据发给服务器，仅在本地保存。

   存储大小

   1. cookie数据大小不超过4k。

   2. sessionStorage和localStorage存储大小比较大，一般可以达到5M。

   存储时间

   1. localStorage存持久数据，页面关闭依然存在。

   2. sessionStorage，页面关闭就不再存在。

   3. cookie，设置的cookie过期时间之前一直有效。

iframe有哪些缺点

1. iframe阻止主页面的onLoad事件。

2. 不利于搜索引擎，不利于SEO。

3. 影响主页面加载。

4. 一般解决情况就是给iframe通过js动态的加载src

web标准和w3c标准是什么

标签闭合，标签小写，不乱嵌套，使用外链css和js，结构分离。

xhtml和html区别

xhtml可以兼容各大浏览器，手机以及pad，浏览器也能正确编译，xhtml规则比较标准，必须嵌套闭合标签。区分大小写，文件要有根元素。

行内元素有哪些?块级元素有哪些?空(void)元素有那些?行内元素和块级元素有什么区别?

1. 行内元素有:a b span img input select strong。

2. 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4...p.

3. 空元素:ebr> <hr> <img-input> <link> <meta>

4. 行内元素不可以设置宽高，不独占一行

5. 块级元素可以设置宽高，独占一行

HTML全局属性(global attribute)有哪些

1. class:为元素设置类标识.

2. data-*:为元素增加自定义属性

3. draggable:设置元素是者可拖拽.

4. id:元素 id，文档内唯—.

5. lang:元素内容的的语言

6. style:行内CSS样式

7. title:元素相关的建议信息

8.