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

1、声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。 
2、严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。 
混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。 
如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。

1)、如果文档包含严格的 DOCTYPE ，那么它一般以严格模式呈现。（严格 DTD ——严格模式） 2)、包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。（有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式） 3)、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。（DTD不存在或者格式不正确——混杂模式） 4)、HTML5 没有 DTD，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。（ HTML5 没有严格和混杂之分）

意义：严格模式与混杂模式存在的意义与其来源密切相关，如果说只存在严格模式，那么许多旧网站必然受到影响，如果只存在混杂模式，那么会回到当时浏览器大战时的混乱，每个浏览器都有自己的解析模式。

• HTML5 为什么只需要写 ？

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

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

CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素;img默认display属性值为“inline-block”，是“内联块状”元素。 
常用的块状元素有：

、

、

...

、

、
、

、、

、

、

块级元素特点： 
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 
2、元素的高度、宽度、行高以及顶和底边距都可设置。 
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 
常用的内联元素有：

、、
、、、、、、、、

内联元素特点： 
1、和其他元素都在一行上； 
2、元素的高度、宽度、行高及顶部和底部边距不可设置； 
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 
常用的内联块状元素有：

、<>< style>inline-block元素特点： 
1、和其他元素都在一行上； 
2、元素的高度、宽度、行高以及顶和底边距都可设置。 
知名的空元素： 


---

 < style>鲜为人知的是：

 

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

1. 页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： 
   XML/HTML代码

XML/HTML代码 


 

两者都是外部引用CSS的方式，但是存在一定的区别：

1. 区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

2. 区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

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

4. 区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

 

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

1. 主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

2. 渲染引擎：负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等)，以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 2.JS引擎则：解析和执行javascript来实现网页的动态效果。

3. 最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

 

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

1. Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]

2. Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

3. Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]

4. Webkit内核：Safari,Chrome等。 [ Chrome的：Blink(WebKit的分支)]

 

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

1. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

2. 绘画 canvas;

3. 用于媒介回放的 video 和 audio 元素;

4. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;

5. sessionStorage 的数据在浏览器关闭后自动删除;

6. 语意化更好的内容元素，比如 article、footer、header、nav、section;

7. 表单控件，calendar、date、time、email、url、search;

8. 新的技术webworker, websockt, Geolocation;

9. 移除的元素：

10. 纯表现的元素：basefont，big，center，font, s，strike，tt，u;

11. 对可用性产生负面影响的元素：frame，frameset，noframes;

12. 支持HTML5新标签：

13. IE8/IE7/IE6支持通过document.createElement方法产生的标签，

14. 可以利用这一特性让这些浏览器支持HTML5新标签，

15. 浏览器支持新标签后，还需要添加标签默认的样式。

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

17. 如何区分： DOCTYPE声明\新增的结构元素\功能元素

 

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

用正确的标签做正确的事情。 
html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;及时在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

 

• HTML5的离线储存怎么使用，工作原理能不能解释一下？

在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。 
原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 
　　如何使用： 
　　1、页面头部像下面一样加入一个manifest的属性; 
　　2、在cache.manifest文件的编写离线存储的资源; 
　　CACHE MANIFEST 
　　#v0.11 
　　CACHE: 
　　js/app.js 
　　css/style.css 
　　NETWORK: 
　　resourse/logo.png 
　　FALLBACK: 
　　/ /offline.html 
　　3、在离线状态时，操作window.applicationCache进行需求实现。 
　　详细的使用请参考：有趣的HTML5：离线存储

 

• 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？

在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。 
　　离线的情况下，浏览器就直接使用离线存储的资源。

 

• 请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会 
sessionStorage和localStorage的存储空间更大; 
sessionStorage和localStorage有更多丰富易用的接口; 
sessionStorage和localStorage各自独立的存储空间; 
localStorage 长期存储数据，浏览器关闭后数据不丢失; 
sessionStorage 数据在浏览器关闭后自动删除。




•  加载中...

相关问题推荐

• 面试官问你“你希望你的领导是什么样的？”该如何回答面试官 2020-03-23 20:24
  回答 8

  选拔领导，公司高层自然有自己标准，我们作为员工，首先要做到服从。

• 在面试的时候，面试官问到是不是培训出来的怎么回答？面试官 面试题 2020-05-25 14:22
  回答 2

  实打实的说，其实培训出来的是为了更能贴合企业的需求，掌握技能要求，是否参加培训个人的权利，考官一般不会抵触，培训不是为了应对面试，是为了能更好的复合企业的用人要求。平常心态去看这件事，因为现在培训已经成为主流了，大学学习的都是理论型的知识，...

• 作为设计项目负责人，如何充分调动人员的积极性何凝聚2020-12-29 09:23
  回答 15

  确定适当的目标，诱发人的动机和行为，达到调动人的积极性的目的。目标作为一种诱引，具有引发、导向和激励的作用。一个人只有不断启发对高目标的追求，也才能启发其奋而向上的内在动力。每个人实际上除了金钱目标外，还有如权力目标或成就目标等。管理者要将...

• 面试时候问到如何平衡加班和生活，怎样回答呢？2020-05-22 09:34
  回答 2

  回答问题先不要着急说不，尤其是在面试的时候。因为你来面试，说明在工作方面，你目前处于被动地位，是你想得到一份工作，你直接说不，面试就进行不下去了。而且面试官问这个问题，不代表公司的现状就是如此，也不代表公司的未来就是如此，只是想通过回答了解...

• 一般HR问你的家乡以及有无女朋友，意图是什么呢？2020-03-25 18:10
  回答 5

  主要是看你能不能在这个公司呆的久不久，看看稳定性怎么样

• 面试官问你可以接受加班吗？怎么回答呢？面试官 面试题 2020-05-29 09:32
  回答 6

  可以接受加班，但我一般都不会加班，因为我能够在白天的时间里把该做的事情都全部做完。

• 大学刚毕业，企业问有哪些项目经验，没有该怎么办？2020-07-26 09:32
  回答 7

  兄台，劝你去培训下积累个项目经验要不瞎编乱造很容易露馅的一旦被戳穿，没有强大的心理素质会留下心理阴影的且行且珍惜吧~

• 被问及你的优缺点时，到底该如何回答才更好2020-03-24 09:56
  回答 4

  已采纳

  在面试的时候，面试官让候选人说出自己的缺点时，很多人都会这样说：我最大的缺点就是喜欢加班，不做完工作，都不会下班……我觉得我最大的缺点就是善良……我最大的缺点就是实干，不会拍马屁……我最大的缺点就是人太好，同事有困难，我不忍心拒绝同事……那...

• 手里有3个offer，到底去哪家呢？有些纠结2020-07-16 17:24
  回答 4

  已采纳

  如果薪资提供的差不多，可以考虑哪家企业给你的平台更大，或者发展空间更大这样为以后的职业发展有帮助

• 面试的时候HR啥表现说明还有戏？2020-07-16 17:23
  回答 4

  1、问到你什么时间可以到岗？能不能尽快到岗?2、主动给你说公司的各种福利待遇？3、主动告诉你公司未来的发展规划4、把你带入公司未来的发展中以上是我在U就业的时候老师告诉我的，希望对你有帮忙...

• 网站运营有哪些实用的网站？2020-07-09 18:00
  回答 3

  做图的有创客贴https://www.chuangkit.com/，懒设计https://www.fotor.com.cn/，ps软件，图帮主https://www.tubangzhu.com/。公众号排版的最常用的是135编辑器https://www.135editor.com/，秀米，i排版，96编辑器，易点微信编辑器，小蚂蚁编辑器H5制作的有微...

• IT行业面试的时候有哪些加分的小技巧？2020-06-12 10:27
  回答 3

  说实话真的范围真的有点广那我从这几个比较重要的方面给大家总结一下礼仪方面：不要穿着太随意，大方整洁就OK。见到HR记得礼貌问好简历：简历上着重写项目经验和工作经历，如果设设计师建议你发送作品集的时候标注一下自己的基本信息和联系方式并且以联系方式...

• 技术面试会要现场操作吗2020-06-04 09:15
  回答 4

  一般会先有笔试题、然后人力面试，和项目经理面试，有些公司会要求做些小项目，系统啥的

• 面试官问我期待的薪资是多少时，是应该说高一些还是保面试官 薪资待遇 2020-06-02 09:46
  回答 5

  按照市场正常行情报价就可以，若是觉得自己技术技能这块都ok的话，可以报高点。

没有解决我的问题，去提问

等你来答

• 面试官问你“你希望你的领导是什么样的？”该如何回答？
  8 个回答
• 在面试的时候，面试官问到是不是培训出来的怎么回答？
  2 个回答
• 作为设计项目负责人，如何充分调动人员的积极性何凝聚力？
  15 个回答

热门问答

• 面试官问我期待的薪资是多少时，是应该说高一些还是保守一些比较好？
  5 个回答
• 我去面试Java程序员，没有项目经验，那该怎么办？
  3 个回答
• 如果面试官问有什么想问的，这时候问什么比较好?
  3 个回答
• 技术面试会要现场操作吗
  4 个回答
• 面试官面试后会问，你还有什么想要了解的，这个怎么回答？
  3 个回答
• 求职中面试官问到你对加班有什么看法怎么回答？
  4 个回答
• 网络营销的基本概念是什么？
  4 个回答
• 应聘开发工程师，哪些方面可以让自己比别人更有优势?
  4 个回答

相关文章

• 【Python面试题】Python开发面试题型
  0个评论
• seo面试题目有哪些?
  0个评论
• sem面试问题有哪些?
  0个评论
• 【UI面试题】常见UI面试问题
  0个评论
• 配置和兼容性测试的区别是什么?
  0个评论
• 【大数据面试题】常见的大数据面试题（四）
  0个评论
• 【WEB面试题】常见WEB前端面试题
  0个评论
• Python面试知识点
  0个评论

×关闭

采纳回答

向帮助了您的网友说句感谢的话吧!

非常感谢!

确 认