HTML面试题

1、前端需要注意哪些SEO？

• 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面 title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description有所不同；keywords列举出重要关键词即可
• 语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页
• 重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎对抓取长度有限制，保证重要内容一定会被抓取
• 重要内容不要用js输出：爬虫不会执行js获取内容
• 少用iframe：搜索引擎不会抓取iframe中的内容
• 非装饰性图片必须加alt
• 提高网站速度：网站速度是搜索引擎排序的一个重要指标

2、的title和alt有什么区别？

• 通常当鼠标滑动到元素上的时候显示
• alt是的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。

3、HTTP的几种请求方法用途？

• 1、GET方法·发送一个请求来取得服务器上的某一资源

• 2、POST方法·向URL指定的资源提交数据或附加新的数据

• 3、PUT方法·跟POST方法很像，也是想服务器提交数据。但是，它们之间有不同。PUT指定了资源在服务器上的位置，而POST没有

• 4、HEAD方法·只请求页面的首部

• 5、DELETE方法·删除服务器上的某资源

• 6、OPTIONS方法·它用于获取当前URL所支持的方法。如果请求成功，会有一个Allow的头包含类似“GET，POST"这样的信息·

• 7、TRACE方法·TRACE方法被用于激发一个远程的，应用层的请求消息回路

• 8、CONNECT方法·把请求连接转换到透明的TCP/IP通道

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

• 浏览器根据请求的URL交给DNS域名解析，找到真实IP，向服务器发起请求；
• 服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、JS、CSS、图象等）；
• 服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、JS、CSS、图象等）；
• 载入解析到的资源文件，渲染页面，完成。

5、html5有哪些新特性、移除了那些元素？

新特性：

• HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加
• 绘画 canvas
• 用于媒介回放的video和audio元素
• 本地离线存储 localStorage长期存储数据，浏览器关闭后数据不丢失
• sessionStorage的数据在浏览器关闭后自动删除
• 语意化更好的内容元素，比如article、footer、header、nav、section
• 表单控件，calendar、date、time、email、url、search
• 新的技术webworker，websocket，Geolocation

移除元素

• 纯表现的元素：basefont，big，center，font，s，strike，tt，u
• 对可用性产生负面影响的元素：frame，frameset，noframes

6、行内元素有哪些？块级元素有哪些？空（void）元素有那些？行内元素和块级元素有什么区别？

• 行内元素有：a bspan img input select strong等
• 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4,p等
• 空元素:br, hr,img,input,link,meta
• 行内元素不可以设置宽高，不独占一行
• 块级元素可以设置宽高，独占一行

7、WEB标准以及W3C标准是什么？

标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离