| 失效链接处理 |
|
Html基础知识点 PDF 下载
本站整理下载：
相关截图：
主要内容：
一、新的HTML5文档类型和字符集是？
1、HTML5文档类型 <!doctype html>
2、HTML5使用UTF-8字符集 <meta charset="UTF-8">
二、HTML5 Canvas元素有什么用？
Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在HTML上进行图形操作：
<canvas id="canvas1" width="300" height="100"> </canvas>
三、HTML5存储类型有什么区别？
HTML5能够本地存储数据，在之前都是使用cookie使用的，HTML5提供了下面两种本地存储方案：
• localStorage用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。
• sessionStorage同一个会话的页面才能访问并且当会话结束后数据也会随之销毁，因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
四、页面导入样式时，使用link和@import有什么区别？
1、属性差别：
link属于XHTML标签，而@import完全是CSS提供的语法规则；link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
2、加载顺序的差别：
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显；
3、兼容性的差别：
由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
4、使用dom控制样式时的差别：
当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。
五、HTML5 应用程序缓存和浏览器缓存有什么区别？
应用程序缓存是 HTML5 的重要特性之一，提供了离线使用的功能，让应用程序可以获取本地的网站内容，例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能，它的实现借助于manifest文件，如下：
<!doctype html>
<html manifest="example.appcache">
</html>
与传统浏览器缓存相比，它不强制用户访问的网站内容被缓存。
六、HTML标签：
1、块级标签：默认宽度100%(占满一行)；
块级标签自动换行(独占一行，右边不能有任何东西)；
块级标签可以使用CSS设置宽度高度！
常用的块状元素有：div、 p、 h1-h6、ol、ul、dl、table、address、blockquote、form
2、行级标签：默认宽度由内容撑开(内容多宽、宽度就占多宽)；
行级标签不会自动换行(一行当中，从左往右依次排列)；
行级标签的宽度高度不能设置！
常用的内联元素有：a、span、br、i、em、strong、label、q、var、cite、code
常用的内联块状元素有：img、input。
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
