前端面试题一

前端需要注意哪些SEO####

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

<img>的title和alt有什么区别

title鼠标滑过时显示的文字提示。
alt用于图片无法正确显示的时候起到文本替代的作用，可提高图片可访问性。

Doctype是什么，举例常见Doctype及特点####

<!doctype>声明必须处于HTML文档的头部，在标签之前，HTML5中不区分大小写
<!doctype>声明不是一个HTML标签，是一个用于告诉浏览器当前HTML版本的指令
现代浏览器的html布局引擎通过检查doctype决定使用兼容模式还是标准模式对文档进行渲染
在HTML4.01中<!doctype>声明指向一个DTD,由于HTML4.01基于SGML，所以DTD指定了标记规则以保证浏览器正确渲染内容
HTML5不基于SGML，所以不用指定DTD

常见dotype：

HTML4.01 strict：不允许使用表现性、废弃元素（如font）以及frameset。
HTML4.01 Transitional:允许使用表现性、废弃元素（如font），不允许使用frameset。
HTML4.01 Frameset:允许表现性元素，废气元素以及frameset。
XHTML1.0 Strict:不使用允许表现性、废弃元素以及frameset。文档必须是结构良好的XML文档。
XHTML1.0 Transitional:允许使用表现性、废弃元素，不允许frameset，文档必须是结构良好的XMl文档。
XHTML 1.0 Frameset:允许使用表现性、废弃元素以及frameset，文档必须是结构良好的XML文档。
HTML 5：<!doctype html>

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

accesskey:设置快捷键，提供快速访问元素如aaa,在windows下的firefox中按alt+shift+a可激活元素
class:为元素设置类标识，多个类名用空格分开，CSS和JavaScript可通过class属性获取元素
contenteditable:指定元素内容是否可编辑

posted on 2016-08-29 10:14 前端园地阅读(130) 评论(0) 收藏举报

刷新页面返回顶部