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等

前端开发面试题收集 HTML的更多相关文章

  1. 前端开发面试题收集 JS

    前端开发面试题收集-JS篇 收集经典的前端开发面试题 setTimeout的时间定义为0有什么用? javascript引擎是单线程处理任务的,它把任务放在队列中,不会同步执行,必须在完成一个任务后才 ...

  2. 前端开发面试题收集(css部分)

    http://davidshariff.com/quiz/ 做了下这里面前端开发面试的题,发现有些不会,所以在此做个整理以供自己学习,参考,总结. 1.问: CSS属性是否区分大小写? ul { Ma ...

  3. 前端开发面试题收集(html部分)

    1.问:<keygen>是正确的HTML5标签吗? 答:是. <keygen> 标签规定用于表单的密钥对生成器字段.当提交表单时,私钥存储在本地,公钥发送到服务器. 2.问:& ...

  4. 前端开发面试题收集(js部分)

    1.问:js中"1"+2+"3"+4 运算结果是? 答: js中,字符串和数值相加,得到的还是字符串,这里的结果1234也是字符串. 2.问:4+3+2+&qu ...

  5. 前端开发面试题收集 css

    什么是CSS盒子模型 页面上的每个元素都被浏览器看做是一个矩形的盒子. 由内容.填充.边框.边界组成. 什么是 css sprite 将多个图片拼接在一个图片中,通过background-positi ...

  6. 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题

    ##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好. ...

  7. 前端开发面试题-CSS(转载)

    本文由 本文的原作者markyun 收集总结. 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(conte ...

  8. 前端开发面试题-HTML(转载)

    本文由 本文的原作者markyun 收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的! ...

  9. 前端开发面试题-JavaScript(转载)

    本文由 本文的原作者markyun 收集总结. 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol ...

随机推荐

  1. Mac系统杂项 (持续更新)

    一.调整LaunchPad的图标显示列数和行数 .调整每一列显示图标数量.在我的电脑上(1366 * 768),每列7个个人觉得比较不错 defaults write com.apple.dock s ...

  2. 一段简单c程序的汇编语言学习(ubuntu+x86)

    c程序代码: #include <stdio.h> int main(void) { int i=0, j=0; for(i=0; i<8; i++) j=j+1; return 0 ...

  3. jquery学习之笔记一

    jquery是继prototype后一个很好用的javascript库.jquery是一个轻量级的库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能. window. ...

  4. tcl/tk demo

    环境及版本说明: OSX10.9 tclsh -> tclsh8.5 wish -> wish8.5 查看本机运行环境: which wish; 2 /usr/bin/wish which ...

  5. USB Mass Storage大容量存储的基本知识

    http://www.crifan.com/files/doc/docbook/usb_disk_driver/release/htmls/ch02_msc_basic.html 目录 2.1. US ...

  6. wafer

    Wafer Dicing:晶圆划片 wafer:晶圆 Wafer bumping:晶圆凸起 300mm wafer line:300mm晶圆线 wafer fabrication:晶圆加工 silic ...

  7. let区别(关于racket和r5rs)

    R5RS is the Revised5 Report on the Algorithmic Language Scheme.参考http://www.schemers.org/Documents/S ...

  8. 一次使用Eclipse Memory Analyzer分析Tomcat内存溢出(转)

    前言 在平时开发.测试过程中.甚至是生产环境中,有时会遇到OutOfMemoryError,Java堆溢出了,这表明程序有严重的问题.我们需要找造成OutOfMemoryError原因.一般有两种情况 ...

  9. js解决通过json传来的timestamp类型时间的显示问题

    [javascript] view plaincopyprint? function timeStamp2String(time){ var datetime = new Date(); dateti ...

  10. poj 1458 Common Subsequence_最长公共子串

    题意:略 求最长公共子串 #include<iostream> #include<cstdio> #include<string> using namespace ...