面试经验谈--来自知乎芋头Live
1、前端需要注意哪些SEO
-
合理的
title
、description
、keywords
:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title
要有所不同;description
把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description
有所不同;keywords
列举出重要关键词即可 - 语义化的
HTML
代码,符合W3C规范:语义化代码让搜索引擎容易理解网页 - 重要内容
HTML
代码放在最前:搜索引擎抓取HTML
顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取 - 重要内容不要用
js
输出:爬虫不会执行js获取内容 - 少用
iframe
:搜索引擎不会抓取iframe
中的内容 - 非装饰性图片必须加
alt
- 提高网站速度:网站速度是搜索引擎排序的一个重要指标
- 通常当鼠标滑动到元素上的时候显示
-
alt
是<img>
的特有属性,是图片内容的等价描述,用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性,除了纯装饰图片外都必须设置有意义的值,搜索引擎会重点分析。
3、HTTP的几种请求方法用途
-
- 发送一个请求来取得服务器上的某一资源
-
- 向
URL
指定的资源提交数据或附加新的数据
- 向
-
- 跟
POST
方法很像,也是想服务器提交数据。但是,它们之间有不同。PUT指定了资源在服务器上的位置,而POST
没有
- 跟
-
- 它用于获取当前
URL
所支持的方法。如果请求成功,会有一个Allow
的头包含类似“GET,POST”
这样的信息
- 它用于获取当前
-
-
TRACE
方法被用于激发一个远程的,应用层的请求消息回路
-
-
- 把请求连接转换到透明的
TCP/IP
通道
- 把请求连接转换到透明的
4、从浏览器地址栏输入url到显示页面的步骤
- 浏览器根据请求的
URL
交给DNS
域名解析,找到真实IP
,向服务器发起请求; - 服务器交给后台处理完成后返回数据,浏览器接收文件(
HTML、JS、CSS
、图象等); - 浏览器对加载到的资源(
HTML、JS、CSS
等)进行语法解析,建立相应的内部数据结构(如HTML
的DOM
); - 载入解析到的资源文件,渲染页面,完成。
5、如何进行网站性能优化
- 减少
DNS
查询:DNS
缓存、将资源分布到恰当数量的主机名 - 对组件使用
Gzip
压缩 -
- 优化图片:根据实际颜色需要选择色深、压缩
- 不要在
HTML
中拉伸图片
6、HTTP状态码及其含义
-
-
100 Continue
继续,一般在发送post
请求时,已发送了http header
之后服务端将返回此信息,表示确认,之后发送具体参数信息
-
-
-
201 Created
请求成功并且服务器创建了新的资源 -
202 Accepted
服务器已接受请求,但尚未处理
-
-
-
304 Not Modified
自从上次请求后,请求的网页未修改过。
-
-
-
400 Bad Request
服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。
-
- 用正确的标签做正确的事情!
-
html
语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析; - 在没有样式
CSS
情况下也以一种文档格式显示,并且是容易阅读的。 - 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于
SEO
。 - 使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解
8、介绍一下你对浏览器内核的理解?
-
渲染引擎:负责取得网页的内容(
HTML
、XML
、图像等等)、整理讯息(例如加入CSS
等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核 -
JS
引擎则:解析和执行javascript
来实现网页的动态效果 -
最开始渲染引擎和
JS
引擎并没有区分的很明确,后来JS引擎越来越独立,内核就倾向于只指渲染引擎
9、html5有哪些新特性、移除了那些元素?
-
HTML5
现在已经不是SGML
的子集,主要是关于图像,位置,存储,多任务等功能的增加 - 本地离线存储
localStorage
长期存储数据,浏览器关闭后数据不丢失
-
支持
HTML5
新标签: