尚学堂web前端开发面试题集锦解析.docx

WEB前端面试题整理
1、列举你工作中遇到的IE6 BUG ,谈谈解决方案。
3、如何用CSS分别单独定义IE6、7、8的width属性。
所有浏览器通用
height: 100px;
IE6专用 _height: 100px;
IE6专用 *height: 100px;
IE7专用 *+height: 100px;
IE7、FF共用
height: 100px [important;
4、CSS中哪些属性可以同父元素继承。
继承：（X）HTML元素可以从其父元素那里继承部分 CSS属性，即使当前元素并没有定义该属性
Color;font-size;
5、你如何理解HTML结构的语意化。
.去掉或样式丢失的时候能让页面呈现清晰的结构：
html本身是没有表现的，我们看到例如 ＜h1＞是粗体，字体大小 2em,加粗；＜strong＞是加粗的，不要认为这是 html的表现，这些 默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML结构的优点，但是浏览器都有
式，默认样式的目的也是为了更好的表达 html的语义，可以说浏览器的默认样式和语义化的 HTML结构是不可分割的。
.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页 ^
例如，如果你使用的含语义的标记，屏幕阅读器就会“逐个拼出”你的单词 ，而不是试着去对它完整发音.
.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对 CSS的支持较弱）.
使用语义标记可以确保这些设备以一种有意义的方式来渲染网页 .理想情况下，观看设备的任务是符合设备本身的条件来渲染网页 .
语义标记为设备提供了所需的相关信息 ，就省去了你自己去考虑所有可能的显示情况（包括现有的或者将来新的设备） .例如，一部可
择使一段标记了标题的文字以粗体显示 .而掌上电脑可能会以比较大的字体来显示 .无论哪种方式一旦你对文本标记为标题 ，您就可以 设备将根据其自身的条件来合适地显示页面
.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重 ^
过去你可能还没有考虑搜索引擎的爬虫也是网站的“访客” ，但现在它们他们实际上是极其宝贵的用户 .没有他们的话，搜索引擎将无
的网站，然后一般用户将很难过来访问 .
.你的页面是否对爬虫容易理解非常重要 ，因为爬虫很大程度上会忽略用于表现的标记 ，而只注重语义标记.
因此，如果页面文件的标题被标记，而不是，那么这个页面在搜索结果的位置可能会比较靠后 .除了提升易用性外，语义标记有利于正确
和JavaScript,因为其本身提供了许多“钩钩”来应用页面的样式与行为 ^
SEO主要还是靠你网站的内容和外部链接的。 （转载请注明出处： WE面端开发/ ）
.便于团队开发和维护
W3c给我们定了一个很好的标准，在团队中大家都遵循这个标准，可以减少很多差异化的东西，方便开发和维护，提高开发效率，
模块化开发。
6、谈谈以前端角度出发做好 SEO需要考虑什么。
1、了解搜索引擎如何抓取网页和如何索引网页
SE robot 或叫
web crawler）如何进行工作
你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别，搜索机器人（ 擎如何对搜索结果进行排序等等。
2、Meta标签优化
主要包括主题（Title）,网站描述（Description）,和关键词（Keywords）。还有一些其它的隐藏文字比如 Author （作者），Categoi
Language （编码语种）等。
3、如何选取关键词并在网页中放置关键词
搜索就得用关键词。关键词分析和选择是 SEO最重要的工作之一。首先要给网站确定主关键词（一般在 5个上下），然后针对
词进行优化，包括关键词密度（ Density）,相关度（Relavancy）,突出性（Prominency）等等。
4、了解主要的搜索引擎
虽然搜索引擎有很多，但是对网站流量起决定作用的就那么几个。比如英文的主要有 Google, Yahoo, Bing等；中文的有百度
有道等。不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。还要了解各搜索门户和搜索引擎之间的关系，比如 AOL网」
是Google的搜索技术， MSN用的是Bing的技术。
5、主要的互联网目录
Open Directory自身不是搜索引擎，而是一个大型的网站目录， 他和搜索引擎的主要区别是网站内容的收集方式不同。 目录是人
主要收录网站主页；搜索引擎是自动收集的，除了主页外还抓取大量的内容页面。
6、按点击付费的搜索引擎
搜索引擎也需要生存，随着