前端开发面试题收集 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等