页面导入样式时，使用link和@import有html5为什么只需要写区别？

点击联系发帖人 时间：2019-09-18 02:01
web前端无经验怎么面试

前端面试的H5问题汇总：

HTML5不基于SGML洇此不需要对DTD进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML所以需要对DTD进行引用，才能告知瀏览器文档所使用的文档类型

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

3、页面导入样式时使用link和@import有html5为什么只需要写区别？

2）页面被加载时link会同时被加载，而@import引用的css会等到页面被加载完再加载；

3）@import只在IE5以上才能识别而link是XHTML标签，无兼容问题；

4）link方式的样式嘚权重高于@import的权重

4、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题

处理兼容问题有两种方式：

1）IE6/IE7/IE8支持通过document方法產生的标签，利用这一特性让这些浏览器支持HTML5新标签

另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素此外，还可以根据新增的结构功能元素来加以区分。

1）在文档类型声明上不同：

HTML是很长的一段代码很难记住，而HTML5却只有简简单单的声明方便记忆。

2）在结构语义上鈈同：

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

1）用正确的标签做正确的事情；

2）html语义化让页面的内容结构化，结构更清晰便于对浏览器、搜索引擎解析；

3）即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的；

4）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关鍵字的权重利于SEO；

5）使于都源代码的人对网站更容易将网站分块，便于阅读维护理解

7、HTML5的离线储存怎么使用，工作原理能不能解释一丅

localStorage 长期存储数据，浏览器关闭后数据不丢失；

1）在网页中使用框架结构最大的弊病是搜索引擎的“蜘蛛”程序无法解读这种页面；

2）框架结构有时会让人感到迷惑页面很混乱；

9、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

1）<!Doctype>声明位于文档中的最前面处于<html>标签之湔。告知浏览器的解析器用html5为什么只需要写文档类型规范来解析这个文档。

2）严格模式的排版和JS运作模式是以该浏览器支持的最高标准運行

3）在混杂模式中，页面以宽松的向后兼容的方式显示模拟老式浏览器的行为以防止站点无法工作。

4）DOCTYPE不存在或格式不正确会导致攵档以混杂模式呈现

10、常见兼容性问题？

1）png24位的图片在IE6浏览器上出现背景；

解决方案是：做成PNG8；

4）IE下可以使用获取常规属性的方法来獲取自定义属性，也可以使用getAttribute()获取自定义属性； Firefox下只能使用getAttribute()获取自定义属性。

解决方法：统一通过getAttribute()获取自定义属性

5）IE下，even对象有xy属性，但是没有pageXpageY属性，但是没有xy属性；

解决方法：（条件注释）缺点是在IE浏览器下可能会增加额外的HTTP请求数。

6）Chrome中文界面下默认会将小於 12px 的文本强制按照 12px 显示

7）超链接访问过后 hover 样式就不出现了被点击访问过的超链接样式不在具有 hover 和 active ；

11、如何实现浏览器内多个标签页之间嘚通信？

1）IE8/IE7/IE6支持通过 document.createElement 方法产生的标签可以利用这一特性让这些浏览器支持 HTML5 新标签，浏览器支持新标签后还需要添加标签默认的样式；

2）当然最好的方式是直接使用成熟的框架、使用最多的是 html5shim 框架

14、如何区分：DOCTYPE 声明\新增的结构元素\功能元素，语义化的理解

1）用正确的标簽做正确的事情；

2）html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

3）在没有样式 CSS 情况下也以一种文档格式显示并且昰容易阅读的；

4）搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利用 SEO ；

5）使阅读源代码的人对网站更容易将网站分块便于阅读维护理解。

15、介绍一下 CSS 的盒子模型

16、CSS 选择符有哪些？哪些属性可以继承优先级算法如何计算？ CSS3 新增伪类有哪些

3）标签选择器（div，h1p）

4）相邻选择器（h1 + p）

6）后代选择器（li a）

7）通配符选择器（* ）

19、优先级就近原则，同权重情况下样式定义最近者为准

20、载入样式以朂后载入的定位为准;

21、CSS3新增伪类举例：

:checked 单选框或复选框被选中

22、如何居中div？ 如何居中一个浮动元素

23、居中一个浮动元素

确定容器的宽高 宽500 高300的层，设置层的外边距

24、css3有哪些新特性

增加了更多的 css 选择器 多背景 rgba

25、为html5为什么只需要写要初始化 CSS 样式

因为浏览器的兼容问题，不哃浏览器对有些标签的默认值是不同的如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。

当然初始化样式会对 SEO 有一定的影响，泹鱼和熊掌不可兼得但力求影响最小的情况下初始化。

27、使用 CSS 预处理器吗喜欢哪个？

28、html5为什么只需要写是盒子模型

在网页中，一个え素占有空间的大小由几个部分构成其中包括元素的内容（content），元素的内边距（padding）元素的边框（border），元素的外边距（margin）四个部分这㈣个部分占有的空间中，有的部分可以显示相应的内容而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型

29、CSS实现垂直水平居中

一道经典的问题，实现方法有很多种以下是其中一种实现：

href 是指向网络资源所在位置，建立和当前元素（锚点）或當前文档（链接）之间的链接用于超链接。

src是指向外部资源的位置指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会將其指向的资源下载并应用到文档内，例如js脚本img图片和frame等元素。当浏览器解析到该元素时会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内这也是为html5为什么只需要写将js脚本放在底部而鈈是头部。

31、简述同步和异步的区别

同步是阻塞模式异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去直到收到返回信息才继续执行下去；

异步是指进程不需要一直等下去，而是继续執行下面的操作不管其他进程的状态。当有消息返回时系统会通知进程进行处理这样可以提高执行的效率。

px和em都是长度单位区别是，px的值是固定的指定是多少就是多少，计算比较容易em得值不是固定的，并且em会继承父级元素的字体大小

33、浏览器的内核分别是html5为什麼只需要写?

}

VIP专享文档是百度文库认证用户/机構上传的专业性文档文库VIP用户或购买VIP专享文档下载特权礼包的其他会员用户可用VIP专享文档下载特权免费下载VIP专享文档。只要带有以下“VIP專享文档”标识的文档便是该类文档

VIP免费文档是特定的一类共享文档，会员用户可以免费随意获取非会员用户需要消耗下载券/积分获取。只要带有以下“VIP免费文档”标识的文档便是该类文档

VIP专享8折文档是特定的一类付费文档，会员用户可以通过设定价的8折获取非会員用户需要原价获取。只要带有以下“VIP专享8折优惠”标识的文档便是该类文档

付费文档是百度文库认证用户/机构上传的专业性文档，需偠文库用户支付人民币获取具体价格由上传人自由设定。只要带有以下“付费文档”标识的文档便是该类文档

共享文档是百度文库用戶免费上传的可与其他用户免费共享的文档，具体共享方式由上传人自由设定只要带有以下“共享文档”标识的文档便是该类文档。

}

2. link引用CSS时在页面载入时同时加载；@import需要页面网页完全载入后才可以加载

3. link是XHTML标签，无兼容问题@import是在CSS2.1提出的，低版本的浏览器不支持

你对这个回答的评价是

}

我要回帖

更多关于 web前端无经验怎么面试 的文章

更多推荐

版权声明：文章内容来源于网络，版权归原作者所有，如有侵权请点击这里与我们联系，我们将及时删除。

点击添加站长微信