前端理论面试-总结

1. 对W3C标准，对表现与数据分离、Web语义化等有深刻理解

W3C是指万维网联盟（World Wide Web Consortium）
W3C的标准是一系列标准的集合。
因为网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。
所以W3C对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
--
结构标准语言
1.标签小写，标签闭合。
2.元素嵌套标准，内嵌元素不要嵌套块元素，如：span嵌套div标签等；特殊的块状元素li内 p和 h1—h6里面不要放块元素
3.结构与表现分离；HTML与CSS避免内嵌混合。
4.命名一定要规范；
--
表现标准语言
1.css的书写，首先要尽可能使用外部引入的方式，达到分离的目的。
2.css的选择器，属性的继承，优先级等优化简洁代码。
CSS都有哪些选择器？
派生选择器（用HTML标签申明）
id选择器（用DOM的ID申明）
类选择器（用一个样式类名申明）
属性选择器（用DOM的属性申明，属于CSS2，IE6不支持，不常用，不知道就算了）
除了前3种基本选择器，还有一些扩展选择器，包括
后代选择器（利用空格间隔，比如div .a{ }）
群组选择器（利用逗号间隔，比如p,div,#a{ }）
那么问题来了，CSS选择器的优先级是怎么样定义的？
基本原则：
一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越准确，它的优先级就越高。
复杂的计算方法：
用1表示派生选择器的优先级
用10表示类选择器的优先级
用100标示ID选择器的优先级
div.test1 .span var 优先级 1+10 +10 +1
span#xxx .songs li 优先级1+100 + 10 + 1
--
语义化
1.为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
2.用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用； 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
3.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
4.便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
常见的语义化标签：