一、 Doctype
作用,HTML5 为什么只需要写<!DOCTYPE html>
首先我们要知道DTD(document type definition)
是文档类型定义,是一种特殊文档,它规定约束符合标准通用标示语言(SGML
)*和XML
规则的定义和解析。H5
不基于SGML
,因此不需要对DTD
进行引用,但是需要DOCTYPE
来规范浏览器的行为;而HTML4.01
基于SGML
,所以需要对DTD
进行引用,才能告知浏览器文档所使用的文档类型。
二、行内元素有哪些,块级元素有哪些,空(void)元素有那些
行内元素:span
、a
、img
、strong
、input
等
块级元素:div
、p
、ul
、li
、h1~h6
、table
等
空元素:br
、ht
、link
等
三、简述一下你对HTML
语义化的理解
标签应该做合适的事情,有以下好处:
- 标签规范化,有利于构建清晰的代码架构,见名知义
- 良好的
html
架构有利于SEO
优化
四、常见的浏览器内核有哪些,介绍一下你对浏览器内核的理解
常见的内核:
-
Trident
: IE -
Gecko
:火狐、netscape6
以及上版本 -
Presto
:Opera7
,Opera
内核原为Presto
,现为Blink
-
Webkit
:Safari
、Chrome
内核理解:内核分为两部分,分别是渲染引擎和js
引擎;渲染引擎主要是负责取得网页的内容、整理讯息、计算网页的显示方式等;JS
引擎主要是解析执行js
语言,实现网页的动态效果。
五、HTML 5
有哪些新特性
- 语义化标签:
header
、footer
、nav
、section
、article
、aside
等 - 增强型表单:
date
(从一个日期选择器中选择日期)、eamil
(包含e-mail
地址的输入域)、number
(数值的输入域)、range
(一定范围数字值的输入域)、search
(用于搜索)、tel
(输入电话号码字段)等 - 增加了视频和音频:
video
、audio
-
canvas
绘图、svg
绘图 - 增加了地理位置:
Geolacation
- 拖放
api
:drag
-
web worker
:是运行在后台的JavaScript
,独立于其他脚本,不会影响页面的性能 -
web storage
:localStorage
、sessionStorage
-
websocket
:HTML 5
开始提供的一种在单个TCP
连接上进行双全工通讯的协议
六、描述一下sessionStorage
、localStorage
、cookies
的区别
七、如何实现浏览器内多个标签页之间的通信
-
使用
localStorage
localStorage.setItem('item',data) localStorage.getItem('item')
-
websocket
协议有待补充实现方法
-
webworker
有待补充实现方法
八、src
和href
的区别
区别:src
适用于替代这个元素,而href
用于建立这个标签与外部资源之间的联系,<link href="style.css" ref="stylesheet"/>
,浏览器加载到这里的时候,html的渲染和解析不会暂停,css
文件的加载是同时进行的;<script src="script.js"></script>
,当浏览器解析到这句代码的时候,页面的加载和解析会暂停直到浏览器拿到并且执行完这个文件
九、表单提交的get
和post
方式的区别
-
get
一般用于从服务器上获取数据,post
向服务器传送数据 -
get
传输的数据是拼接在url
之后的,对用户可见,post
的传输数据对用户是不可见的(但是打开控制台也会可以看到) -
get
传输的数量较小,不大于2 KB,post
传输的数量较大,默认不受限制 -
get
的安全性较低,post
安全性较高