1、doctype作用?标准模式和兼容模式各有什么区别?

  (1)、<doctype>声明位于文档第一行,在<html>标签之前。用于告知浏览器的解析器以什么样的标准解析该文档。doctype不存在或者格式错误,会导致浏览器以兼容模式呈现该文档。

  (2)、标准模式的排版和js运作模式都是以该浏览器支持的最高标准运行。兼容模式页面以宽松的向后兼容方式显示,模拟老浏览器的行为防止站点无法工作。

HTML5为什么只需要<doctype html>?

html不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为

而html4基于SGML,所以需要对DTD进行引用,才能告知浏览器文档使用的文档类型

3、行内元素有哪些,块级元素有哪些,空元素有哪些

  (1)、行内元素有:

      a  b  span  img  input  select  strong  em  i

  (2)、块级元素有:

      div  ul  li  ol  dl  dd  dt  h  p  

  (3)、常见的空元素有:

      <br>  <img>  <input>  <mate>  <hr>

      不常见的有:

      <area>  <base>  <col>  <command>  <embed>  <keygen>  <oaram>  <source>  <track>  <wbr>

4、页面导入样式时,使用link和@import有什么叙别

  (1)、link属于xhtml标签,除了加载css还能定义rss,定义rel链接属性等作用

  (2)、页面被加载的时候,link会同时被加载,而@import引用的css等到页面被加载完再加载

  (3)、link没有兼容问题,@import兼容ie5以上

5、常用的浏览器内核介绍

  (1)、IE浏览器    trident内核

  (2)、firefox     gecke内核

  (3)、opear      presto内核

  (4)、chrome    webkit内核

6、html5有哪些新特性、移除了哪些元素?如何处理html5新标签的浏览器兼容问题?如何区分html5和html?

  (1)、新特性:

      绘画canvas

      用于媒体的video和audio元素

      本地离线存储localStorage和sessionStorage

      语义化更好的结构元素article、footer、header、nav、section

      表单控件calendar、date、time、email、url、search

      新技术webworker、websocket、Geolocation

  (2)、移除元素

      表现类basefont、big、center、font、s、strike、tt、u

      可用性有影响的frame、frameset、noframes

  (3)、兼容处理

      利用document.createElement方法创建的标签

      也可以使用成熟的框架 html5shim.js来兼容

  (4)、如何区分

      通过文档声明doctype、结构元素、功能元素来区分

7、简述一下html语义化的理解

  用正确的标签做正确的事情

  html语义化让页面内容结构化,便于浏览器和搜索引擎解析

  即使在没有css样式的时候也以一种文档格式显示,不影响阅读

  对搜索引擎更加友好,有利于seo

  方便维护,和阅读源码

8、描述一下cookies、sessionStorage、localStorage的区别

  cookies是网站为表示用户身份而存储在本地终端的数据,存储大小不能超过4k

  cookies数据始终在同源的http请求中携带,不管需不需要都会在浏览器和服务器之间来回传递

  cookies设置的过期时间之前一直有效,即使关闭窗口

  sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存,存储大小也可以达到5M

  sessionStorage 会在当前窗口关闭的之后自动删除数据

  localStorage数据是永久保存的,除非用户手动删除  

9、iframe有哪些缺点

  iframe会阻塞主页面的onload时间

  搜索引擎的检索程序无法解读这种页面,不利于seo

  iframe和主页共享连接池,而浏览器对相同域的链接有限制,所以会影响页面的并行加载

  可以动态的给iframe添加src,解决的这种弊端

10、label的作用是什么?怎么使用

  label标签用来定义表单控件间的关系,单用户选择标签时,浏览器自动将焦点转到和标签相关的控件上

  用label标签包裹控件或者设置控件id和label标签关联

11、html5的form如何关闭自动完成功能

  给不需要的form或者input设置 autocomplete = off

12、如何实现浏览器内多个标签页之间的通信

  webSocket、sharedWorker

  也可以用调用localstorage、cookies等本地存储方式

  localstorage另一个浏览器上下文里被添加、修改或者删除。都会触发一个事件

  通过监听事件,控制他的值来进行页面的信息通信

13、title和h标签的区别,b和strong,i和em的区别

  title标签是用来描述这个页面的主题的,是一个网页权重的最高点。但title标签并不出现在文章的正文中。而h1标签一般出现在文章的正文中,是展示给访问者的文章的标题。

  b和strong以及i和em是一个道理的

  b和i是给用户看的 只是纯碎的样式

  strong和em是有语气加强的便于搜索引擎知道是重要的

常见的html面试题的更多相关文章

  1. Android开发面试经——4.常见Android进阶笔试题(更新中...)

      Android开发(29)  版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...

  2. Android开发面试经——3.常见Java基础笔试题

      Android开发(29)  版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...

  3. Android开发面试经——2.常见Android基础笔试题

     标签: androidAndroid基础Android面试题Android笔试题 2015-03-12 15:04 3361人阅读 评论(3) 收藏 举报  分类: Android开发(29)  版 ...

  4. 一些常见的Java面试题 & 面试感悟

    < 前言 > 近期在面试,深感这个行业的浮躁,一些菜不辣基的弱鸡开出的工资待遇要求,超过了我.不知道他们是怎么拿到那么高的工资的,难道是他在公司有亲戚朋友吗?有后台吗?是行业热钱真的过多了 ...

  5. 14个最常见的Kafka面试题及答案【转】

    原创 IT168企业级 2017-08-21 17:40 本文为您盘点了14个最常见的Kafka面试题,同时也是对Apache Kafka初学者必备知识点的一个整理与介绍. 1.请说明什么是Apach ...

  6. 最常见的Java面试题及答案汇总(三)

    上一篇:最常见的Java面试题及答案汇总(二) 多线程 35. 并行和并发有什么区别? 并行是指两个或者多个事件在同一时刻发生:而并发是指两个或多个事件在同一时间间隔发生. 并行是在不同实体上的多个事 ...

  7. 最常见的Java面试题及答案汇总(二)

    上一篇:最常见的Java面试题及答案汇总(一) 容器 18. java 容器都有哪些? 常用容器的图录: 19. Collection 和 Collections 有什么区别? java.util.C ...

  8. 常见的Java面试题整理

    面试是我们每个人都要经历的事情,大部分人且不止一次,这里给大家总结常见的面试题,让大家在找工作时候能够事半功倍. 1 Switch能否用string做参数? a.在 Java 7 之前, switch ...

  9. Java 最常见的 200+ 面试题汇总

    这份面试清单是我从 2015 年做 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘我在 Java 技术栈中的技术盲点,然后修复和完善它,以此来提高自己的技术水平.虽 ...

  10. 208道最常见的Java面试题整理(面试必备)

    适宜阅读人群 需要面试的初/中/高级 java 程序员 想要查漏补缺的人 想要不断完善和扩充自己 java 技术栈的人 java 面试官 具体面试题 下面一起来看 208 道面试题,具体的内容. 一. ...

随机推荐

  1. NetStream.appendBytes, 走向Flash P2P VOD的第一步

    之前被告知可以自行实现Flash p2p的点播功能, 但一直疑惑, 印象中NetStream并未提供相关方法, 前天看订阅时发现的文章: ByteArray Access to NetStream i ...

  2. 在Node.js中使用RabbitMQ系列二 任务队列

    在上一篇文章在Node.js中使用RabbitMQ系列一 Hello world我有使用一个任务队列,不过当时的场景是将消息发送给一个消费者,本篇文章我将讨论有多个消费者的场景. 其实,任务队列最核心 ...

  3. 在ubuntu linux 中编写一个自己的python脚本

    在ubuntu linux 中编写一个自己的简单的bash脚本. 实现功能:终端中输入简单的命令(以pmpy为例(play music python),为了区别之前说的bash脚本添加了py后缀),来 ...

  4. 一个可以提高开发效率的Git命令-- Cherry-Pick

    在实际的项目开发中(使用Git版本控制),在所难免会遇到没有切换分支开发.需要在另一个分支修改bug然后合并到当前分支的情况.之前遇到这种第一反应就是将分支合并过去来解决问题.如果你那些提交当中也穿插 ...

  5. Oracle执行计划顺序

    先从最开头一直往右看,直到看到最右边的并列的地方,对于不并列的,靠右的先执行:对于并列的,靠上的先执行.      即并列的缩进块,从上往下执行,非并列的缩进块,从下往上执行. 如下示例: Execu ...

  6. react native 运行项目下载gradle慢的解决办法

    react-native run-android 慢 React-native run-Android中需要下载https://services.gradle.org/distributions/gr ...

  7. block和delegate的区别

    代理  可读性高  大部分可以属性 block   写的代码少 一般作为参数通知   占用资源 无论是block还是delegate模式本质上都是回调,使用block,其优点是回调的block代码块直 ...

  8. HTTP学习目录

    前面的话 除了HTML.CSS.javascript这三门前端基础知识之外,HTTP恐怕是前端工程师最需要掌握的知识了,它是前端和后端沟通的桥梁,前端工程师需要能够调试HTTP.修复网络传输中可能遇到 ...

  9. React Native 之 网络请求

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...

  10. css经典布局之左侧固定大小右侧自动适应

    最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的APP,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是 ...