前端面试题小结④
1.<!Doctype>
声明文档的类型。
指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
2.如何解决HTML5在实际应用中的兼容性问题？
其实解决HTML5在实际应用中的兼容性难题，真正实现HTML5的跨平台，有两个途径：
1）通过HTML5的底层框架来屏蔽不同浏览器的兼容问题，所有的HTML5应用在框架之上来开发。
像国外的Bootstrap、jQuery UI等都是很好的UI框架，基于他们之上来开发可以减少大量的兼容
性调试工作。
2）通过让用户使用自有内核的固定浏览器，这样就不存在兼容多个浏览器或者操作系统的问题了
。 然
3.href与src的区别？
href与src是有很大区别的，且不能相互替换。
href:指定网络资源的位置。从而在当前元素由当前属性定义的需要的锚点或资源之间定义一个链
接或者关系。当我们写下<link href="" rel="stylesheet">
浏览器明白当前资源是一个样式表，页面解析不会暂停。
src（source）属性仅仅嵌入当前资源到当前文档元素定义的位置。当浏览器找到<script
src="">
在浏览器下载、编译、执行这个文件之前页面的加载和处理会被停掉。这也是建议把js文件放到
底部加载的原因。当然img标签与此类似。浏览器暂停加载直到提取和加载图像。
4.使用div+CSS布局较table布局的好处：
1）页面代码精简，加载速度得到很到提高
2）更利于搜索引擎的抓取
3）修改网站设计时更有效率
由于使用div+CSS布局，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到
相应的id，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
4）解决表格的嵌套问题，如果嵌套三层以上是非常不利于搜索引擎抓取的。
5）降低流量费用
5.10-90之间的随机数，并排序
<script>
var arr=[];
function paixu(a,b){
return a-b;
}
function aa(start,end){//0-89
var num=start-end+1;
return Math.abs(Math.floor(Math.random()
*num))+start;
}
for(var i=0;i<10;i++){
arr.push(aa(10,100));
}
arr.sort(paixu);
alert(arr);
</script>
6.xhtml和html有什么区别
HTML是一种超文本标记语言，XHTML是一种可扩展的超文本标记语言。
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
7.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
8.CSS引入的方式有哪些? link和@import的区别是?
内嵌 内联 外链 导入
区别 ：前者无兼容性，由于@import是CSS2.1提出的所以老的浏览器不支持；
Link 支持使用javascript改变样式，后者不可；
加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时
被加载，而@import引用的CSS 会等到页面全部被下载完再被加载。
.导入外部样式表,用@import,在<head>与</head><style type="text/css">
<!--
@import "*.css"
-->
</style>
9.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
Class 可继承
Id>class>标签选择
后者优先级高
优先级就近原则，样式定义最近者为准
载入样式以最后载入的定位为准
10.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
11.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
12.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)
