面试题之HTML篇（一）

一第一篇章：HTML

1、对html语义化的理解

html语义化让页面的内容结构化，结构更加清晰。便于浏览器、搜素引擎解析。即使在没有css的情况下也以一种文档格式显示，容易阅读。搜素引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO。使得阅读代码的人更容易将网站分块，便于阅读维护。

2、title和alt属性的区别是什么？

alt是给搜索引擎识别，在图像无法显示时的替代文本。title是关于元素的注释信息，主要是给用户解读。ps：在IE中alt也起到了title的作用，变成了文字提示，因此在定义img对象时，将alt和title属性写全，可以保证在各种浏览器中都能正常使用

3 、iframe的优缺点

优点：

• 解决加载缓慢的第三方内容的加载问题
• Security sandbox
• 并行加载脚本
  缺点
• 阻塞主页面的onload事件
• 即时内容为空，加载也依然需要时间
• 没有语意

4、href与src的区别

href指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或关系。
src，指向外部资源的位置，指向的内容将会应用到文档中当前标签所在的位置
区别：
1、请求资源类型不同：href指向网络资源所在位置，建立和当前元素或者当前文档之间的联系，在请求src资源时会将其指向的资源下载并应用到文档中
2、作用结果不同：href用于在当前文档和引用资源之间确立联系，src用于替换当前内容
3、浏览器解析方式不同：当浏览器解析到src，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕。这就是为什么建议把js脚本放在底部而不是头部的原因

5、 你有使用过MediaRecorder吗？说说它的运用场景有哪些？

MediaRecorder() 构造函数会创建一个对指定的 MediaStream 进行录制的 MediaRecorder 对象

6、H5页面在微信中如何禁止分享给好友和朋友圈？

利用JSBridge实现调用微信提供的一些原生功能，可以通过调用隐藏操作菜单来实现禁用分享。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
WeixinJSBridge.call('hideOptionMenu');
});

7、DOCTYPE有什么作用

DOCTYPE声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档，一般指定了之后会以标准模式来进行文档解析。否则就以兼容模式进行解析。
在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为。以保证一些老的网站的正确访问

8、标准模式（严格模式）与兼容模式（混杂模式）有什么区别

在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的，而在兼容模式下。浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问

9、SGML、XML、HTML、XHTML的关系？

SGML是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源
XML是可扩展标记语言
hTML是超文本标记语言，是一种基于web网页的语言。XML和HTML最大区别在于XML的标签是可以自己创建的，数量无限多。而HTMl的标签都是固定的而且数量有限
XHTML是现在基本上所有网页都在用的标记语言。是一种基于XML、语法严格，标准的设计 语言。他其实和HTML没有什么 本质的区别，标签一样，用法也一样，就是比HTML更加严格，比如标签都必须用小写。标签都必须有闭合标签

10、什么是闭合标签？

所谓闭合标签,就是标签有开始，有结束。

11、DTD是什么

DTD指的是document type definition文档类型定义，是一组机器可读的规则，是html文档的验证机制。DTD定义XML或HTML的特定版本中所有允许元素以及它们的属性和层次关系等。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采用相应的措施。

12、谈谈你对web标准和W3C的理解和认识

web标准主要强调的是一个网站的结构，样式，行为相分离。从而达到结构清晰，易于阅读，易于维护的目的。
w3c对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范，包含如下几点
1）、对于结构：标签字母要小写，标签要闭合，标签不允许随意嵌套。用标签语义化来提高搜素引擎对页面的抓取效率
2)、对于样式和行为：

• 尽量使用外链css样式表和js脚本。
• 样式尽量少用行间样式表，使代码易维护，可复用

13、SEO是什么？

seo，即搜索引擎优化。做seo优化的目的就是为了提升网站在搜素引擎中的权重，使得用户在搜索网站时网页能排在前面