html面试题

1.说说 DOCTYPE 的作用？

DOCYTPE用于声明文档类型,便于浏览器解析HTML文档,加快解析的速度, 提高用户体验.它的目的就是要告诉浏览器应该使用声明样的文档类型定义来解析文档.声明文档的解析类型, 避免浏览器的怪异模式.

2. 标准模式和混淆模式的区别在哪里？

​ 怪异模式,浏览器使用自己的怪异模式解析渲染页面

​ 标准模式, 浏览器使用W3C标准解析渲染页面

​ 标准模式 === 严格模式, 指浏览器安装W3C标准解析代码

​ 混杂模式 === 怪异模式: 指浏览器用自己的方式解析代码

3.使用XHTML标准的页面具有哪些局限性？

XML要求严格,必须用head, body, 每个bom标签必须闭合

一些老的浏览器并不兼容,

4. 如果页面使用 application/xhtml+xml 会有哪些问题？

一些老的浏览器并不兼容

5. 你会如何处理具有多种语言内容的页面?

​ 编写UTF-8, 空间域名需要支持多浏览地址

6. 设计开发多语言站点的时候，需要注意的方面有哪些？

1. 应用字符集的选择
2. 语言书写修改&导航结构
3. 数据驱动型网站

7. 对于 data- 属性的优势？

data-为前端开发者提供自定义属性, 这些属性可以通过对象的dataset属性获取, 不支持该属性的浏览器可以通过getAttribute方法获取.

需要注意的是,data-之后的以连字符分割的多个单词组成的属性, 获取的时候应该使用驼峰风格.

8. 考虑HTML5作为一个开放式网络平台，那么什么是HTML5的基础？

<nav>, <header>, <section>, <footer>, <article>

9. 描述一下 cookies，sessionStorage 和 localStorage 的区别？

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。
sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessionStorage是在同源的同窗口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时“独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的
cookies会发送到服务器端。其余两个不会。
Microsoft指出InternetExplorer8增加cookie限制为每个域名50个，但IE7似乎也允许每个域名50个cookie。

Firefox每个域名cookie限制为50个。

Opera每个域名cookie限制为30个。

​ Firefox和Safari允许cookie多达4097个字节，包括名（name）、值（value）和等号。

Opera允许cookie多达4096个字节，包括：名（name）、值（value）和等号。

InternetExplorer允许cookie多达4095个字节，包括：名（name）、值（value）和等号。

10 说一下对 GET 以及 POST 的区别？

1. get请求是从服务器上获取数据, post请求时向服务器发送数据.
2. get安全性非常低, post安全性较高.get请求的参数包含在url中, post请求通过Request body 传递参数.
3. get请求的数据量较小, 不能大于2KB,post请求的数据量大, 一般来说不受限制.
4. GET请求会被浏览器主动cache，而POST不会，除非手动设置。
5. get请求只能进行url编码. 而POST支持多种编码方式
6. GET请求参数会被完整的保留在浏览器的历史记录中, 而POST请求不会.

11 描述一下async, defer的不同之处。

async :表示立即下载该脚本, 但不妨碍页面中的其他操作, 比如下载其他资源,或等待加载其他脚本,只对外部脚本有效,

defer: 表示脚本可以延迟到文档完全被解析和显示之后执行,只对外部脚本文件有效, IE7及更早版本对嵌入脚本也支持这个属性只有不存在defer和async属性, 浏览器就会按照script标签在页面中出现的先后属性对他们进行一次解析.也就是说,浏览器会立即加载脚本.

12. 如何描述HTML语义化?

增强代码可读性, 对开发者更友好, 在没有css的情况下也能较好的呈现网页的内容结构和代码结构,便于代码的维护和开发,

有利于SEO, 可以让搜索引擎更好的获取到更多有效的选项, 搜索引擎爬虫依赖确定上下文和各个关键字的权重，有效提升网页的搜索量

支持读屏软件, 方便其他设备的解析(如屏幕阅读器, 盲人阅读器), 利于无障碍阅读, 提高可访问性,

13. HTML5中新添和移除的元素？

新元素范围五类

canvas 新元素 canvas

新多媒体元素 如 audio video source embed track

新表单元素

新的的语义和结构元素 例如 artcle aside bdi footer header nav section

移除的元素

以下都是HTML4.01 元素在 H5中已经被删除

• acronym
• apple
• basefont
• big
• center
• dir
• font
• frame
• frameset
• noframes
• strike
• tt

14. 你对HTML代码质量的理解？

HTML代码应该尽量符合语义化, 结构应该清晰明了, 对每个不同的HTML区域尽量用注释划分清楚,便于开发和了解,类名尽量语义化,便于了解和规范.我觉HTML应该注重代码规范和标准,便于SEO的优化和项目的维护.