html-面试题

一、 Doctype作用,HTML5 为什么只需要写<!DOCTYPE html>

首先我们要知道DTD(document type definition)是文档类型定义,是一种特殊文档,它规定约束符合标准通用标示语言(SGML)*和XML规则的定义和解析。H5不基于SGML,因此不需要对DTD进行引用,但是需要DOCTYPE来规范浏览器的行为;而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

二、行内元素有哪些,块级元素有哪些,空(void)元素有那些

行内元素:spanaimgstronginput

块级元素:divpullih1~h6table

空元素:brhtlink

三、简述一下你对HTML语义化的理解

标签应该做合适的事情,有以下好处:

  1. 标签规范化,有利于构建清晰的代码架构,见名知义
  2. 良好的html架构有利于SEO优化
四、常见的浏览器内核有哪些,介绍一下你对浏览器内核的理解

常见的内核:

  1. Trident: IE
  2. Gecko:火狐、netscape6以及上版本
  3. Presto: Opera7Opera内核原为Presto,现为Blink
  4. WebkitSafariChrome

内核理解:内核分为两部分,分别是渲染引擎和js引擎;渲染引擎主要是负责取得网页的内容、整理讯息、计算网页的显示方式等;JS引擎主要是解析执行js语言,实现网页的动态效果。

五、HTML 5有哪些新特性
  1. 语义化标签:headerfooternavsectionarticleaside
  2. 增强型表单:date(从一个日期选择器中选择日期)、eamil(包含e-mail地址的输入域)、number(数值的输入域)、range(一定范围数字值的输入域)、search(用于搜索)、tel(输入电话号码字段)等
  3. 增加了视频和音频:videoaudio
  4. canvas绘图、svg绘图
  5. 增加了地理位置:Geolacation
  6. 拖放apidrag
  7. web worker:是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能
  8. web storagelocalStoragesessionStorage
  9. websocketHTML 5开始提供的一种在单个TCP连接上进行双全工通讯的协议
六、描述一下sessionStoragelocalStoragecookies的区别

html-面试题

七、如何实现浏览器内多个标签页之间的通信
  1. 使用localStorage

    localStorage.setItem('item',data)
    localStorage.getItem('item')
    
  2. websocket协议

    有待补充实现方法

  3. webworker

    有待补充实现方法

八、srchref的区别

区别:src适用于替代这个元素,而href用于建立这个标签与外部资源之间的联系,<link href="style.css" ref="stylesheet"/>,浏览器加载到这里的时候,html的渲染和解析不会暂停,css文件的加载是同时进行的;<script src="script.js"></script>,当浏览器解析到这句代码的时候,页面的加载和解析会暂停直到浏览器拿到并且执行完这个文件

九、表单提交的getpost方式的区别
  1. get一般用于从服务器上获取数据,post向服务器传送数据
  2. get传输的数据是拼接在url之后的,对用户可见,post的传输数据对用户是不可见的(但是打开控制台也会可以看到)
  3. get传输的数量较小,不大于2 KB,post传输的数量较大,默认不受限制
  4. get的安全性较低,post安全性较高
上一篇:Http协议面试题小结


下一篇:vue项目中用token和localstorage实现登陆