常见的html面试题
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面试题的更多相关文章
- Android开发面试经——4.常见Android进阶笔试题(更新中...)
Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...
- Android开发面试经——3.常见Java基础笔试题
Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http:/ ...
- Android开发面试经——2.常见Android基础笔试题
标签: androidAndroid基础Android面试题Android笔试题 2015-03-12 15:04 3361人阅读 评论(3) 收藏 举报 分类: Android开发(29) 版 ...
- 一些常见的Java面试题 & 面试感悟
< 前言 > 近期在面试,深感这个行业的浮躁,一些菜不辣基的弱鸡开出的工资待遇要求,超过了我.不知道他们是怎么拿到那么高的工资的,难道是他在公司有亲戚朋友吗?有后台吗?是行业热钱真的过多了 ...
- 14个最常见的Kafka面试题及答案【转】
原创 IT168企业级 2017-08-21 17:40 本文为您盘点了14个最常见的Kafka面试题,同时也是对Apache Kafka初学者必备知识点的一个整理与介绍. 1.请说明什么是Apach ...
- 最常见的Java面试题及答案汇总(三)
上一篇:最常见的Java面试题及答案汇总(二) 多线程 35. 并行和并发有什么区别? 并行是指两个或者多个事件在同一时刻发生:而并发是指两个或多个事件在同一时间间隔发生. 并行是在不同实体上的多个事 ...
- 最常见的Java面试题及答案汇总(二)
上一篇:最常见的Java面试题及答案汇总(一) 容器 18. java 容器都有哪些? 常用容器的图录: 19. Collection 和 Collections 有什么区别? java.util.C ...
- 常见的Java面试题整理
面试是我们每个人都要经历的事情,大部分人且不止一次,这里给大家总结常见的面试题,让大家在找工作时候能够事半功倍. 1 Switch能否用string做参数? a.在 Java 7 之前, switch ...
- Java 最常见的 200+ 面试题汇总
这份面试清单是我从 2015 年做 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘我在 Java 技术栈中的技术盲点,然后修复和完善它,以此来提高自己的技术水平.虽 ...
- 208道最常见的Java面试题整理(面试必备)
适宜阅读人群 需要面试的初/中/高级 java 程序员 想要查漏补缺的人 想要不断完善和扩充自己 java 技术栈的人 java 面试官 具体面试题 下面一起来看 208 道面试题,具体的内容. 一. ...
随机推荐
- NetStream.appendBytes, 走向Flash P2P VOD的第一步
之前被告知可以自行实现Flash p2p的点播功能, 但一直疑惑, 印象中NetStream并未提供相关方法, 前天看订阅时发现的文章: ByteArray Access to NetStream i ...
- 在Node.js中使用RabbitMQ系列二 任务队列
在上一篇文章在Node.js中使用RabbitMQ系列一 Hello world我有使用一个任务队列,不过当时的场景是将消息发送给一个消费者,本篇文章我将讨论有多个消费者的场景. 其实,任务队列最核心 ...
- 在ubuntu linux 中编写一个自己的python脚本
在ubuntu linux 中编写一个自己的简单的bash脚本. 实现功能:终端中输入简单的命令(以pmpy为例(play music python),为了区别之前说的bash脚本添加了py后缀),来 ...
- 一个可以提高开发效率的Git命令-- Cherry-Pick
在实际的项目开发中(使用Git版本控制),在所难免会遇到没有切换分支开发.需要在另一个分支修改bug然后合并到当前分支的情况.之前遇到这种第一反应就是将分支合并过去来解决问题.如果你那些提交当中也穿插 ...
- Oracle执行计划顺序
先从最开头一直往右看,直到看到最右边的并列的地方,对于不并列的,靠右的先执行:对于并列的,靠上的先执行. 即并列的缩进块,从上往下执行,非并列的缩进块,从下往上执行. 如下示例: Execu ...
- react native 运行项目下载gradle慢的解决办法
react-native run-android 慢 React-native run-Android中需要下载https://services.gradle.org/distributions/gr ...
- block和delegate的区别
代理 可读性高 大部分可以属性 block 写的代码少 一般作为参数通知 占用资源 无论是block还是delegate模式本质上都是回调,使用block,其优点是回调的block代码块直 ...
- HTTP学习目录
前面的话 除了HTML.CSS.javascript这三门前端基础知识之外,HTTP恐怕是前端工程师最需要掌握的知识了,它是前端和后端沟通的桥梁,前端工程师需要能够调试HTTP.修复网络传输中可能遇到 ...
- React Native 之 网络请求
前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...
- css经典布局之左侧固定大小右侧自动适应
最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的APP,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是 ...