前端开发面试题收集 HTML

Doctype是什么？说明特点。

• <!doctype>声明必须处于HTML文档的头部，在标签之前。
• <!doctype>声明不是一个HTML标签，是一个用于告诉浏览器使用哪种HTML规范的。
• 该标签可以声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的版本。

img的title和alt有什么区别

• title用于为元素提供附加的提示，通常鼠标滑动到元素上会显示。
• alt是img特有的属性，是图片内容的自定义描述，用于图片无法加载时，描述图片内容。
• 搜索引擎会分析alt描述。

什么是web语义化，为什么需要语义化。

• 是指通过HTML标记表示页面包含的信息，包含了HTML标签的语义化和CSS命名的语义化。
• HTML标签的语义化是指：使用例如H1-H6等恰当的表达文档结构。
• CSS命名的语义化是指：为HTML标签添加有意义的class、id。
  需要语义化的原因：
  • 去掉样式后页面依然呈现清晰的结构。
  • 盲人使用读屏器更好的阅读。
  • 搜索引擎更好的理解页面，有利于收录。
  • 团队项目可持续运作和维护。

行内元素、块级元素、空元素有哪些？

• 每个元素都有display属性表示元素的类型，例如div默认display是block,是块级元素，而span是inline，是行内元素。
• 行内元素：a b span img input select strong
• 块级元素：div ul ol li dl dt dd h1 h2 h3 h4 h5 p
• 空元素　：br hr img input link meta等

浏览器的内核分别有哪些？

• IE浏览器的内核是 Trident
• Mozilla的内核是 Gecko
• Chrome的内核是 Blink (Webkit的分支)
• 其他浏览器略

iframe有哪些缺点？

• iframe会阻塞主页面的onload事件。
• iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。
• 动态给iframe添加src属性，可以避免以上的问题。

cookies、seesionStorage和localStorage的区别？

• cookie在浏览器和服务器之间来回传递，其他不会。
• sessionStorage和localStorage有更丰富的接口。
• sessionStorage和localStorage有各自独立的存储空间。

如果在浏览器内多个标签页间通信？

• 使用 localStorage、cookies等本地存储方式。

webSocket如果兼容低浏览器？

• Adobe Flash Socket
• ActiveX HTMLFile (IE)
• 基于 multipart 编码发送 XHR
• 基于长轮询的 XHR

src与href的区别？

• src是source的缩写，指向外部资源的位置，指向的内容将会下载嵌入到文档中当前标签的位置，例如js、img、frame。
• href是Hypertext Reference的缩写，指向网络资源的位置，建立和当前元素或者当前文档之间的链接。

HTML与XHTML有什么区别？

• XHTML元素必须被正确嵌套
• XHTML元素必须被关闭，空标签也要被关闭。
• XHTML必须用小写字母。
• XHML必须拥有根元素
• XHTML要求所有属性都要有值。
• XHTML要求所有属性必须是””括起来。
• XHTML需要把所有<、>、&等特殊符号用编码表示。
• XHTML文档不要在注释内容中使用”—“。
• XHTML图片必须有说明文字。
• XHTML中用ID代替name。

HTML5新增了哪些特性？

• 新的meta声明
• 标签 header、nav、video、audio、canvas、svg
• 表单新特性 email、number、color、tel等
• JS API localstorage、seesionstorage、classList、DeviceMotionEvent、FileReader、Drag等