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. [BZOJ1507] [NOI2003] Editor (splay)

    Description Input 输入文件editor.in的第一行是指令条数t,以下是需要执行的t个操作.其中: 为了使输入文件便于阅读,Insert操作的字符串中可能会插入一些回车符,请忽略掉它 ...

  2. c#事件的应用

    我已经多次使用c#事件了.举个最近的例子:我用vsto做的一个word插件.这个插件分为两层,业务逻辑层和word外接程序.有这么一个场景,我的ribbon中的一个label是动态显示的.它会随着wo ...

  3. easyUI datagrid 多行多列数据渲染异常缓慢原因以及解决方法

    原因 最近,在优化之前公司帮联想(外包)做的一个老的后台管理系统,由于项目是基于easy UI框架,页面是后台用jsp实现的,再加上在公司推行前后端分离的实践,大部分项目都基于vue采用前后端分离去实 ...

  4. Java中动态代理工作流程

    当谈到动态代理就会想到接口,因为接口是一种规范,动态代理对象通过接口便会很清楚地知道他的实现类(被代理对象)是何种类型的(即有哪些方法).Now,然我们来开始编写一个例子来了解动态代理的全过程: 第一 ...

  5. ubuntu系统备份与恢复(也适用于其他linux系统)

    在windows环境下面,有很多的备份恢复软件,系统也自带了备份恢复功能,比较知名的软件比如ghost等,为什么要备份系统,我之前一直都是系统出现问题就全新安装原版的windows,然后各种设置,各种 ...

  6. QT 创建一个具有复选功能的下拉列表控件

    最近研究了好多东西,前两天突然想做一个具有复选功能的下拉列表框.然后在网上"学习"了很久之后,终于发现了一个可以用的,特地发出来记录一下. 一.第一步肯定是先创建一个PROJECT ...

  7. SpringtMVC中配置 <mvc:annotation-driven/> 与 <mvc:default-servlet-handler/> 的作用与源码解析

    基于 Spring4.X 来学习 SpringtMVC, 在学习过程中,被"告知"在 XML 配置文件中建议设置如下两项: 一直不明白为什么,但又甘心.于是,花了一点时间来调试源码 ...

  8. poj-1045（数学不好怪我咯）

          Description Consider the AC circuit below. We will assume that the circuit is in steady-state. ...

  9. 【Linux】积累笔记

    ■ 关于查看系统的一些版本信息 查看系统的发行版本可以用 cat /etc/issue 或者 cat /etc/redhat-release (Centos上) 查看系统的内核版本以及系统位数 una ...

  10. Redis分布式锁---完美实现

    这几天在做项目缓存时候,因为是分布式的所以需要加锁,就用到了Redis锁,正好从网上发现两篇非常棒的文章,来和大家分享一下. 第一篇是简单完美的实现,第二篇是用到的Redisson. Redis分布式 ...