1.简述<!DOCTYPE> 的作用，标准模式和兼容模式各有什么区别？

　　<!DOCTYPE> 位于文档的第一行，告知浏览器使用哪种规范。

　　如果不写DOCTYPE，浏览器会进入混杂模式。

　　标准模式和兼容模式的区别：

　　标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防站点无法工作。

2.HTML5 为什么只需要写< !DOCTYPE HTML>？

　　html5不急于SMGL，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。

3.从seo角度，给出至少2条html书写注意要点

　　a标签一定要有title属性；

　　img标签一定要有title属性和alt属性；

　　页面上有且只能有一个h1；

　　stong标签内定义重要的文本；

　　选用语义化的html标签

4.列出html5中新增的表单控件

　　输入类型：email、url、number、range、Date pickers(date/month/time/datetime/datetime-local)、search、color

　　表单元素：datalist、keygen、output

5.盒模型

　　标准盒模型：content（内容）、padding（内边距）、border（边框）、margin（外边距）

　　IE盒模型的content包含border和padding

6.data-*属性的作用

　　html5规范里新增了一个自定义data属性。

　　为前端开发者提供自定义属性，这些属性可以通过对象的dataset属性获取，不支持该属性的浏览器可以通过getAttribute方法获取。

7.如果把html5看作一个开放平台，那它的构建模块有哪些？

　　Web Storage API

　　基于位置服务的LBS

　　无插件播放音频、视频

　　调用相机和GPU图像树立单元等硬件设备

　　拖拽和Form API

8.请描述cookies、sessionStorage、localStorage的区别

描述：

　　cookies数据始终在同源的http请求中携带，在浏览器和服务器间来回传递。多用于网站标示用户是否登录等。

　　sessionStorage和localStorage不会把缓存的数据自动发给服务器，仅在本地保存。

存储大小：

　　cookies数据大小不能超过4k。

　　sessionStorage和localStorage缓存也有存储大小限制，但比cookies大得多，可以达到5M或更大。

缓存有效时间：

　　cookies在设置cookie过期时间之前一直有效，即使窗口关闭或浏览器关闭。

　　sessionStorage缓存的数据在窗口关闭或浏览器关闭时自动清除。

　　localStorage永久存储数据，除非主动删除。

作用域：

　　cookies在所有同源窗口内都是共享的。

　　sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面。

　　localStorage在所有同源窗口内共享。

9.src和href的区别

　　src指向外部资源的位置，用户替换当前元素，比如js脚本，图片等元素

　　href指向网络资源所在位置，用户当前薇恩当和引用资源间确定关系，加载css

10.HTML和XHTML的区别？

　　XHTML元素必须被正确的关闭

　　XHTML元素必须被关闭

　　标签名必须用小写字母（XHTML规范定义：标签名和属性对大小写敏感）

　　XHTML文档必须拥有根元素（所有的 XHTML 元素必须被嵌套于 <html> 根元素中）

11.页面导入样式时，使用link和@import有什么区别？

　　link：属于html标签，除了加载css外，还能用于定义RSS，定义rel连接属性等作用。无兼容性问题。在页面被加载时，link会同时被加载。

　　@import：css提供的，只能用于加载css样式。兼容IE5以上。@import引用的css样式会等到页面被加载完再加载。

12.介绍一下对浏览器内核的理解

　　主要分成两部分：渲染引擎和JS引擎。

　　渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
　　JS引擎则：解析和执行javascript来实现网页的动态效果。

前端面试题之html的更多相关文章

  1. 前端面试题2016--HTML

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

  2. 前端面试题 之 JavaScript

    昨天我们一起分享了关于html和css的面试题<前端面试题之Html和CSS>,今天我们来分享关于javascript有关的面试题.我面试的时候最害怕面试官问我js了,因为我真心不擅长这个 ...

  3. 【web前端面试题整理02】前端面试题第二弹袭来，接招！

    前言 今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼 题目一览 Jav ...

  4. 各大互联网公司前端面试题（js）

    对于巩固复习js更是大有裨益.    初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案. 2.JavaScript的数据类型都有什么? 基本数据类型 ...

  5. 前端面试题（html篇）

    前端面试题(html篇)

  6. 2016最全的web前端面试题及答案整理

    面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engin ...

  7. 常见前端面试题之HTML/CSS部分

    转自http://www.cnblogs.com/jscode/archive/2012/07/10/2583856.html Doctype是什么?如何触发严格模式与混杂模式模式?区分它们有何意义? ...

  8. 史上最全前端面试题(含答案)-A篇

    HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所 ...

  9. 【重点--web前端面试题总结】

    前端面试题总结 HTML&CSS: 对Web标准的理解.浏览器内核差异.兼容性.hack.CSS基本功:布局.盒子模型.选择器优先级及使用.HTML5.CSS3.移动端适应. JavaScri ...

  10. 2019前端面试题汇总（主要为Vue）

    摘要: 经典面试题. 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版权归原作者所有. 毕业之后就在一直合肥小公司工作,没有老司机.没有技术氛围,在技术的道 ...

随机推荐

  1. 【Luogu1345】奶牛的电信（网络流）

    [Luogu1345]奶牛的电信(网络流) 题面 题目描述 农夫约翰的奶牛们喜欢通过电邮保持联系,于是她们建立了一个奶牛电脑网络,以便互相交流.这些机器用如下的方式发送电邮:如果存在一个由c台电脑组成 ...

  2. POJ 1087 A Plug for UNIX (网络流，最大流)

    题面 You are in charge of setting up the press room for the inaugural meeting of the United Nations In ...

  3. LightOJ1341 Aladdin and the Flying Carpet

    题意 给一对数字 a,b ,a是一个长方形的面积,问有多少种整数的边的组合可以组成面积为a的长方形,要求最短的边不得小于b 数据组数T<=4000, a,b<=10^12 Solution ...

  4. [BZOJ1024] [SCOI2009] 生日快乐 (搜索)

    Description windy的生日到了,为了庆祝生日,他的朋友们帮他买了一个边长分别为 X 和 Y 的矩形蛋糕.现在包括windy,一共有 N 个人来分这块大蛋糕,要求每个人必须获得相同面积的蛋 ...

  5. C++学习-7

    1.面向过程是:数据与操作分离,数据容易被意外修改 2.面向过程通过私有化的权限进行数据封装 3.类型后辍:类名 operator "" _XXXX(int data)  增加后缀 ...

  6. fitnesse - 框架介绍

    fitnesse - 框架介绍 2017-09-29 目录: 1 fitnesse是什么?2 框架介绍3 与junit.testng比较,fitnesse教其他框架有什么优势 1 fitnesse是什 ...

  7. MongoDB 桌面管理器MongoVUE

    MongoVUE是一个桌面GUI工具,专用于Windows平台,它有一个简洁.清爽的界面,它的基本功能是免费的.它可以以文本视图.树视图.表格视图来显示MongoDB的数据.还可以保持查询的结果供以后 ...

  8. Ajax模拟Form表单提交，含多种数据上传

    ---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...

  9. Unity3D 动画状态简单控制核心代码

    状态机是这样的 包含静止.跑.攻击.死亡四个动画 下面是核心代码(PS:代码高亮插件出问题了,将就看一下吧..) AnimatorStateInfo stateInfo = m_ani.GetCurr ...

  10. setup命令的安装

    2018-03-01  10:25:18 最小化安装的Linux系统,setup命令使用不了 安装方法:yum install setuptool    #安装完以后,只要直接输入 setup,就会出 ...