2022-02-23 面试题:html(二) link和@import,浏览器内核,h5新增特性

1.用link标签引入css样式和用@import有什么不同?

• 类型不同
  link标签是XHTML标签,除了可以加载css样式外还可以定义rel连接属性
  @import是在css中定义的,只能用来加载样式
• 加载阶段不同
  页面加载的同时,link引用的css也同时被加载,
  @import引用的css则是页面被加载完才加载
• 兼容情况不同
  link是XHHTML标签,无兼容问题
  import是CSS2.1提出的,需要IE5以上才能识别

2.1.介绍一下你对浏览器内核的理解

主要分为两个部分:渲染引擎和js引擎
1.渲染引擎负责:

取得网页的html,图像等内容
整理讯息如加入css
计算网页的显示方式
然后输出到显示屏打印机等输出设备

2.js引擎负责:
解析并执行javascript来实现动态网页效果

对浏览器内核的理解:
浏览器内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
所有网页浏览器以及其它需要编辑、显示网络内容的应用程序,都需要内核。

2.2.常见的浏览器内核有哪些?

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

3.1html5有哪些新特性、移除了那些元素？

新增特性

• 绘画:casvas
• 媒介回放标签:radio和audio
• 本地离线存储:localStorage和sessionStorage
• 语义化标签:article,footer,header,nav,section
• 表单控件:calender,date,time,email,url,search

移除元素(标签)

纯表现的元素:big,font,basefont,u,s,tt,
对可用性产生副面影响的元素:frame,noframe,frameset

3.2.如何处理HTML5新标签的浏览器兼容问题？

方法一:
IE8/IE7/IE6支持通过document.createElement方法产生的标签，
可以利用这一特性让这些浏览器支持HTML5新标签，
浏览器支持新标签后，还需要添加标签默认的样式
方法二:
直接使用成熟的框架、比如html5shiv

<!--[if lt IE 9]>
	<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->

3.3.如何区分 HTML 和 HTML5？

1.两者文档类型声明不同,h5只有<!Doctype>,HTML后面还有很长代码
2.html没有结构语义化的标签，html5则增加了很多语义化的标签
2.html5还新增了视频标签.用html4.0插入视频需要很长一段代码，但是用html5就只需要video标签即可。