1、XHTML与HTML区别?
*XHTML文档必须有根标签
*XHTML标签必须小写
*标签必须关闭(空标签也需要关闭)
*必须正确嵌套
*属性值必须加引号
2、table/frame/div架构的网页有什么优缺点???
talbe布局简单,浏览器兼容性相当高,几乎 所有浏览器的效果是一样的。缺点是:下载速度慢,太深的嵌套导致不容易被搜索引擎捕捉到信息
frame一些功能上很方便,同时能在静态页中导入动态内容等。但是iframe创建的内联框架中的内容不会被搜索引擎检索。并且框架结构和链接导航问题很麻烦。
div布局灵活,有利于被搜索引擎抓取,能提高页面下载速度。但是各个浏览器的效果不同。但是随着技术成熟这是一个趋势。
3、浏览器内核,就是浏览器最核心的部分,也就是浏览器渲染引擎(Rendering Engine).它决定了浏览器如何显示网页的内容以及网页的格式信息。
- Trident内核:IE,360,搜过浏览器;
- Gecko内核:Netscape6及以上版本
- Presto内核:Opera
- Blink内核:Opera
- Webkit内核:Safari,Chrome
4、DTD:doctype definition。文档类型定义。定义了HTML文件采用了是哪一个版本的HTML规范
为什么H5只需要写<!DOCTYPE html>?因为H5不基于SGML,所以不需要引用DTD,但是需要DOCTYPE来规范浏览器的行为。
而H5之前都是就与SGML,需要对DTD引用,才能告诉浏览器文档所采用的的规范
5、单位px em rem 有什么区别?
6、引入CSS的方式@import和link有什么区别?
link:是HTML的标签,不会有兼容问题,页面加载时就会被加载,权重比@import方式高,使用JavaScript控制DOM时只能采用link方式
@import:是CSS提供,只能加载CSS样式,并且等待页面加载完成后才能加载。IE5之后才能采用。
7、position
默认值:static,不开启定位流
relative:开启相对定位,相对于元素开启定位之前的位置进行定位。不脱离文档流,不改变元素的性质;元素会提升一个层级
absolute:开启绝对定位,相对于离元素最近的开启了定位的祖先元素进行定位,如果都没有开启定位,则相对于浏览器窗口进行定位。
会脱离文档流;元素提升一个层级;改变元素的性质(类型行内块);
8、IE6中遇见的一些BUG?
https://blog.csdn.net/sinat_36146776/article/details/52785024