HTML、CSS、HTML5、CSS3面试题

1、XHTML与HTML的有何异同？

HTML是一种基于WEB的网络设计语言，XHTML是基于XML的置标语言，XHTML可以认为是XML版的HTML，所以它的语法比较严谨：元素必须关闭，嵌套必须正确，大小写区分，属性值必须用双引号，id属性代替name属性

2、介绍一下CSS的盒子模型？弹性盒子模型是什么？

盒子模型由content+padding+border+margin组成，分为标准盒子和IE盒子，标准盒子的width指content，IE盒子的width包括content，padding，border

3、Doctype的作用？标准模式与兼容模式各有什么区别?

声明在文档的第一行，位于html的前面，用于告知浏览器的解析器以什么样的文档标准来解析这个文档，如果没有声明文档就会以兼容模式呈现
标准模式的排版和JS都是以浏览器支持的最高的标准运行
兼容模式页面以宽松向后兼容的方式显示，模仿老式浏览器，防止站点无法工作

4、HTML5 为什么只需要写 ？

HTML不基于SGML，不用引用DTD

5、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

• 行内元素有：a b span img input select strong
• 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
• 常见的空元素：br hr img input link meta

6、页面导入样式时，使用link和@import有什么区别？

link是XHTML的标签，不但可以引入CSS还可以引入RSS，定义REL属性等
@import是CSS2.1提出的，只能引入CSS
link在页面加载时同时加载，@import要等页面加载完才加载

7、介绍一下你对浏览器内核的理解？

浏览器内核分为渲染引擎和JS引擎

8、常见的浏览器内核有哪些？

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]
Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]

9、HTML5有哪些新特性、移除了那些元素？

新特性：

• 画布canvas
• 用于媒介播放的video和audio
• 新的语义化标签：article，header，nav，section，footer
• 新的本地存储：localstorage，sessionstorage
• 新的表单控件：date，time，calendar，url
• 新的技术：websocket，web worker，geoloacation
  移除得元素：
• 可以用css代替的元素，font，fontbase，center，s，tt，u

10、简述一下你对HTML语义化的理解？

可以清晰的向浏览器和开发者描述其意义，为了在丢失css的情况下也能很好的显示页面的结构，利于seo，seo可以根据标签和上下文己算权重，方便其他设备解析，方便开发和维护，可读性高

11、iframe有那些缺点？

会有过多的http请求，影响性能，会阻塞主页面的onload事件，不利于seo，页面调试样式很麻烦，会出现很多滚动条，浏览器后退按钮会没有效果，小型移动设备兼容性不好，会显示不全

12、列出display的值，说明他们的作用？position的值， relative和absolute定位原点是？

display：none，block，inline，inline-block，flex，grid，table，table-cell
position：static，relatice，absolute，fixed，sticky
relative定位原点是自己，absolute定位原点是离自己最近的父元素

13、一个满屏 品 字布局 如何设计?

14、常见兼容性问题？

https://blog.csdn.net/xustart7720/article/detai