前端开发面试题收集-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 h4 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等
Tags: HTML5 HTML 兼容
转自:http://think2011.net/2014/12/10/questions/html/
  • 还没有评论,沙发等你来抢
*         

正在加载验证码......