HTML
2021-03-31 本文已影响0人
请叫我吉先生
XHTML和HTML的区别
- XHTML元素必须被正确的嵌套
- XHTML元素必须被关闭
- 标签名必须小写
- XHTML文档必须有根元素
浏览器的标准模式和怪异模式
标准模式是指浏览器按照W3C标准解析代码,怪异模式是浏览器按照自己的方式解析代码,所以不同浏览器可能会产生不用的显示结果.具体用哪种方式与文档头部的DTD声明有关.
两种模式主要的区别在于盒模型的差异:
标准css盒模型的宽高是内容区的宽高,不包含border和padding.而怪异模式则与之相反.
HTML5的新特性
- 更加语义化的新标签
<header>.<footer>.<nav>.<section>.<article>.<aside>等. - 新增的input属性和类型
- 类型:
<input type='color/date/datetime/datetime-local/email/month/number/range/search/tel/time/url/week'>等等 - 属性:
autocomplete/autofocus/form/min/max/required/step/mutiple等等
-
SVG和Canvas
-
SVG是一个标签,可以为其添加事件;Canvas是用JavaScript绘制的; -
SVG绘制完成后可以修改,所以其属性发生变化页面会重新绘制;Canvas绘制成功后不可更改,除非全部重新渲染; -
SVG放大不会失真;Canvas放大会失真; - 因为
SVG是DOM元素,而过多的操作DOM是不提倡的,所以SVG不适合图形游戏的开发;
- 新
API
-
Geolocation地理位置 -
LocalStorage和SessionStorage本地存储 webSocket-
Dreg和Drop拖拽
- 废弃的标签
<big>/<font>/<center>/<s>/<u><tt>/<frame>/<frameset>等(这里列举的不全) - 如果浏览器不支持
HTML5的新特性怎么办
-
html5shiv.js就是解决这一问题的,需在文档中引入:
<head>
<!--[if lt IE 9]>
<script src='./html5shiv.js'></script>
<![endif]-->
</head>
