前端开发面试题收集 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等
时间: 2024-12-13 05:11:51

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

前端开发面试题收集 JS

前端开发面试题收集-JS篇 收集经典的前端开发面试题 setTimeout的时间定义为0有什么用? javascript引擎是单线程处理任务的,它把任务放在队列中,不会同步执行,必须在完成一个任务后才开始另一个任务. 由于setTimeout可以把任务从某个队列中跳出成为新队列,因此能够得到期望的结果. 怎么理解this this指向的总是调用函数的那个对象. this一般情况下,是全局对象Global. 什么是闭包 闭包是一个概念,我的理解是函数里的函数,能够读取函数内部变量的函数. 就是将函

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

http://davidshariff.com/quiz/ 做了下这里面前端开发面试的题,发现有些不会,所以在此做个整理以供自己学习,参考,总结. 1.问: CSS属性是否区分大小写? ul { MaRGin: 10px; } 答:不区分.(HTML, CSS都不区分,但为了更好的可读性和团队协作,一般都小写,而在XHTML 中元素名称和属性是必须小写的.) 2.问:对行内元素设置margin-top 和margin-bottom是否起作用 答:不起作用.(需要注意行内元素的替换元素img.in

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

1.问:<keygen>是正确的HTML5标签吗? 答:是. <keygen> 标签规定用于表单的密钥对生成器字段.当提交表单时,私钥存储在本地,公钥发送到服务器. 2.问:<bdo>标签可以改变文本方向? 答:可以. bdo 元素可覆盖默认的文本方向.例子: <bdo dir="rtl"> Here is some Hebrew text </bdo> 结果是: 3.问:下列代码是否合法 <figure> <

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

1.问:js中"1"+2+"3"+4 运算结果是? 答:1234 js中,字符串和数值相加,得到的还是字符串,这里的结果1234也是字符串. 2.问:4+3+2+"1"  运算结果是? 答:91 (从左至右的运算,前面是数值相加得到9,再和字符串相加得到91字符串.) 3.问:以下代码中,结果是? var foo = 1; function bar() { foo = 10; return; function foo() {} } bar();

前端开发面试题收集 css

什么是CSS盒子模型 页面上的每个元素都被浏览器看做是一个矩形的盒子. 由内容.填充.边框.边界组成. 什么是 css sprite 将多个图片拼接在一个图片中,通过background-position和元素尺寸调节显示想要的背景的方案. 优点: 减少HTTP请求数,加快页面加载速度. 提高压缩比.减少图片大小 更换风格方便,只需在一张或者几张图片上修改颜色或者样式即可. 缺点: 图片合并麻烦 维护麻烦,修改一个图片可能需要重新布局整个图片.样式 display:none; 于 visibil

大公司移动前端开发面试题——做转盘

"如果有个做转盘的需求,你准备怎么做?设计师只会提供一个转盘的图片,其余都需要你完成,不能用框架和类库." "这个转盘没有惯性的需求,只要求在手机上,用手指拖转盘,能让转盘跟随手指转起来即可." 这是我在面试前端开发人员时,经常会问到的一道题.转盘是类似上图的样子. 博主之前在M公司和C公司的时候,经常用这题面试移动前端开发工程师.M公司的产品和设计是美国团队,在个别项目上UI设计比较大胆脱俗,对前端开发人员有较高的要求.C公司的只会JS的前端开发人员占比较大,产品

大公司移动前端开发面试题——做转盘[参考代码]

题目在此 http://www.cnblogs.com/arfeizhang/p/turntable.html 这几天一直在忙,终于找到时间把参考代码放出来了.大家参考一下. 参考代码考虑到让入行不久的前端也看得懂,没有进行封装.变量名也没有进行简写,尽量一看就明白. 图片随手在网上截的,也许没有对准圆心.这段代码只考虑了webkit内核的浏览器,没做兼容.重在让大家弄懂原理. :P 如果感到有些卡帧,可能是转盘图片带来的效果.在调试器上试过,能维持50-60帧,流畅度还是让人满意的.在LG G

20K前端开发面试题:关于如何回答ajax跨域问题

在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下. 关于跨域,有N种类型,现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器"同源策略"中的一部分,其它的这里不做介绍),内容大概如下:什么是ajax跨域?如何解决ajax跨域?如何分析ajax跨域? 一.什么是Ajax跨域 Ajax跨域的原理 ajax出现请求跨域错误问题,主要原因就是因为浏览器的"同源策略". CORS请求原理

Web前端开发面试题赋答案

第一部分:用CSS实现布局 让我们一起来做一个页面 首先,我们需要一个布局. 请使用CSS控制3个div,实现如下图的布局. 第二部分:用javascript优化布局 由于我们的用户群喜欢放大看页面 于是我们给上一题的布局做一次优化. 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动. 提示: 也许,我们其他的布局也会用到这个放大的效果哦.可以使用任何开源代码,包括曾经你自己写的. 关键字:javascript.封装.复用 第三部分:处理紧急情况 好了,我们的页面完成了