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. 【BZOJ3529】数表(莫比乌斯反演,树状数组)

    [BZOJ3529]数表(莫比乌斯反演,树状数组) 题解 首先不管\(A\)的范围的限制 要求的东西是 \[\sum_{i=1}^n\sum_{j=1}^m\sigma(gcd(i,j))\] 其中\ ...

  2. 记一次结合PHP多进程和socket.io解决问题的经历

    公司是做棋牌游戏的.前段时间接到一个后台人工鉴定并处理通牌作弊玩家的需求,其中需要根据几个玩家的游戏ID查询并计算他们在某段时间内彼此之间玩牌输赢次数和输赢总额. 牌局数据是存储在日志中心的,他们把牌 ...

  3. java基本语法特殊点

    一.关系运算符 instanceof(类型比较运算符) example:a instanceof hello // hello是一个class ==与!=可以用于引用相等运算符( 二.数组 (数组是对 ...

  4. angularjs 缓存详解

    一.什么是缓存 一个缓存就是一个组件,它可以透明地存储数据,以便未来可以更快地服务于请求. 缓存能够服务的请求越多,整体系统性能就提升得越多. 二.Angular 中的缓存 2.1 $cacheFac ...

  5. Lastpass——密码管理工具

    Lastpass是一个优秀的在线密码管理器和页面过滤器,采用了强大的加密算法,自动登录/云同步/跨平台/支持多款浏览器. 我之前一直都在使用这个工具,不过都是在浏览器上以扩展的方式使用,在火狐浏览器上 ...

  6. HIVE和HADOOP的一些东西

    今天刚上班就要更新一个hive表(新年好呀我想说...),由于建立的外表直接替换hdfs文件就行了,但是替换完发现少了二行数据,原来之前做了关联,这就要用到hive的insert了! 先来说一下hiv ...

  7. Filecoin挖矿进展

      预计Filecoin第一个版本发布最早在 2018.3月份(预计)   Protocol Labs这次ICO拿到了2.05亿美元,已经富得流油了,相信开发进度会快很多,Filecoin论文发表最早 ...

  8. 在java或 js中的日期时间转换问题

    1.在js中需要求的当前日期的周一和周日 var now = new Date(); // 当前日期时间对象 var date = now.getDate(); // 当前是几号:当前日期在一个月中的 ...

  9. 笔记:MyBatis 日志显示-log4j2

    在ClassPath路径创建log4j2.xml配置文件,增加如下日志配置: <?xml version="1.0" encoding="UTF-8"?& ...

  10. Java DualPivotQuickSort 双轴快速排序 源码 笔记

    DualPivotQuicksort source code 这个算法是Arrays.java中给基本类型的数据排序使用的具体实现.它针对每种基本类型都做了实现,实现的方式有稍微的差异,但是思路都是相 ...