HTML+CSS面试题

1.XHTML和HTML有什么区别

• HTML是一种基本的WEB网页设计语言，XHTML是一个基于XMl的置标语言
• 最主要的不同
• XHTML元素必须被正确地嵌套。
• XHTML元素必须被关闭
• 标签名必须用小写字母
• XHTMl文档必须拥有根元素

2.什么是语义化的HTML？

• 直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
• HTML语义化就是让页面的内容结构化，便于对浏览器，搜索引擎解析；
• 在没有样式css情况下也以一种文档格式显示，并且是容易阅读。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。
• 在阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

2（1）、简述一下你对HTML语义化的理解？

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

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

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

3(1).常见哪几种浏览器测试？有哪些内核（Layout Engine）？

• 浏览器：IE、Chrome、FireFox、Safari、Opera
• 内核：Trident、Gecko、Presto、Webkit

4.HTML5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5?

• HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加。
• 绘画canvas
• 用于媒介回放的video和audio元素
• 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；
• sessionStorage的数据在浏览器关闭后自动删除
• 语意化更好的内容元素，比如article,footer,header,nav,section
• 表单控件：calendar,date,time,email,url,search
• 新的技术webworker,websocktGeolocation
• 移除的元素
• 纯表现的元素：basefont,big,center,font,s,strike,tt,u;
• 对可用性产生负面影响的元素：frame,frameset,noframes;
• 支持HTML5新标签：
• IE8/IE7/IE6支持通过document,createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。

5.请描述一下cookies,sessionStorage（会话存储）和localStrorage（本地存储）的区别？

• cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会；
• sessionStorage和localStorage的存储空间更大；
• sessionStorage和localStorage有更多丰富易用的接口；
• sessionStorage和localStorage各自独立的存储空间；

5、（1）请描述一下cookies、sessionStorage和localStorage区别？

• cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。
• cookie数据始终在同源的http请求中携带（即使不需要），即会在浏览器和服务器间来回传递。
• sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存
  存储大小：
• cookie数据大小不能超过4K。
• sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
  有期时间：
• localStorage：存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
• sessionStorage：数据在当前浏览器窗口关闭后自动删除
• cookie：设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

6.如何实现浏览器内多个标签页之间的通信？

• 调用localstorage,cookies等本地存储方式
• WebSocket、SharedWorker
• localstroge另一个浏览器上下文被添加、删除或修改时，它都会触发一个事件，我们通过监听事件，控制它的值来进行页面信息通信。
• 注意quirks:Safari在无痕迹模式下设置localstorge值抛出QuotExceededError的异常。

7.HTML5为什么只需要写！DOCTYPE HTML？

• HTMl5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)；而HTMl4.01基于SGMA，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

8.Doctype作用？标准模式与兼容模式各种什么区别？

• ！Doctype声明位于HTML文档的第一行&#x