HTML学习记录
- DOCTYPE有什么作用？标准模式与混杂模式如何区分？有什么意义？
doctype告诉浏览器该使用哪个版本的HTML规范来渲染文档。
doctype不存在或者形式不正确会导致HTML文档以混杂模式呈现
标准模式（Standards mode）以浏览器支持的最高标准运行
混杂模式（Quirks Mode ）中页面以一种宽松的向后兼容的方式显示
2.HTML5为什么只要写?
HTML5不基于SGML（标准通用标记语言），因此不需要对DTD（文档类型定义）进行引用，但是需要doctype来规范浏览器行为。
HTML4.0.1基于SGML，需要应用DTD才能告诉浏览器使用哪种文档类型。
3 谈一下你对浏览器内核的理解？常见的浏览器内核有哪些？
主要分为渲染引擎和JS引擎，一开始二者并没有区分的很明确，后来JS引擎越来越独立，内核一般就指渲染引擎。
渲染引擎的作用：负责取得网页的内容（HTML、XML、图像等）、整理讯息（如载入CSS等），以及计算网页的显示方式，然后会输出至显示器或者打印机。
浏览器的内核不同对于网页的语法解释会有不同，所以渲染的效果也不同。
JS引擎：负责解析和执行JS来实现网页的动态效果。
常见的浏览器内核有：
Trident: IE 360 搜狗浏览器
Geckos: FireFox
Presto: Opera7及以上（Opera内核原为：Presto，现为：Blink）
Webkit: Safari Chrome
4 HTML5有哪些新特性,移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5?
新增了图像、位置、存储、多任务等功能。
新增元素：
- canvas绘图
- 用于媒介回放的video和audio元素
- 本地离线存储：localStorage长期存储数据，除非主动删除，否则数据不丢失。sessionStorage：当前会话关闭或者浏览器关闭后自动删除。
- 语义化更好的内容元素：article footer header nav section
- 表单控件：calendar data time email url search
- 位置API：Geolocation
- 拖放API：drop drag
- 新的技术：web worker(web worker是运行在后台的
JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker
在后台运行) web socket
移除的元素：
- 纯表现的元素： basefont big center font s striike tt u
- 性能较差的元素：frame frameset noframes
区分：
- DOCTYPE声明的方式是区分重要因素
- 根据新增加的结构、功能来区分
5 简述一下你对HTML语义化的理解？
去掉或者丢失样式的时候能够让页面呈现出清晰的结构。
有利于SEO和搜索引擎建立良好沟通，有利于爬虫爬取更多的信息，爬虫依赖于标签来确定上下文和各个关键字的权重。
方便其他设备解析，便于团队开发和维护，可读性好
6 HTML5的文件离线储存怎么使用，工作原理是什么？
在线情况下，HTML头部有manifest属性，它会请求manifest文件。如果是第一次访问，那么浏览器就会根据manifest文件下的内容下载相应的资源，并进行离线存储。如果已经访问过并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面。然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不会做任何操作，如果文件改变了，呢么就会重新下载文件中的资源，并进行离线存储。
如<html manifest='cache.manifest'>，在cache.manifest文件中编写离线存储的资源
CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
Resourse/logo.png
FALLBACK:
//offline.html
7 cookies 、 localStorage 、sessionStorage 的区别
共同点：都保存在浏览器端，是同源的
区别：
cookies是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带，即cookies在浏览器和服务器间来回传递，而sessionstorage和localstorage不会自动把数据发给服务器，仅在本地保存。
存储大小的限制不同。cookie保存的数据很小，不能超过4k，而sessionstorage和localstorage保存的数据大，可达到5M。
数据的有效期不同。cookie在设置的cookie过期时间之前一直有效，即使窗口或者浏览器关闭。sessionstorage仅在浏览器窗口关闭之前有效。localstorage始终有效，窗口和浏览器关闭也一直保存，用作长久数据保存。
作用域不同。cookie在所有的同源窗口都是共享；sessionstorage不在不同的浏览器共享，即使同一页面；localstorage在所有同源窗口都是共享
1 cookies是为了标识用户身份而存储在用户本地终端上的数据（浏览器客户端），始终在同源http请求中携带，即cookies是在浏览器与服务器之间来回传递。sessionStorage和localStorage不会自动将数据发给服务器，仅在本地存储。
2 存储大小限制不同。cookies保存的数据最好不要超过4k，而sessionStorage和localStorage可以保存5M的数据。
3 数据的有效期不同：cookie在设置的cookie过期时间之前一直有效，即使浏览器还活着窗口关闭。sessionStroage仅在当前会话或者浏览器窗口关闭前有效。localStorage始终有效，即使窗口或者浏览器关闭，用作长期数据存储。
4 作用域不同：cookie在所有同源窗口都是共享的；sessionStorage不同浏览器不共享，即使是同一页面，localStorage在所有同源窗口都是共享的。
8 元素的alt和title属性有什么区别？
当alt与title同时存在时，alt是对图片的替代文字，title是对图片的解释文字。
9 title与h1的区别、b与strong的区别、i与em的区别？
title属性没有明确意义，只表示标题；h1表示层次明确的标题，对页面信息的抓取也有很大的影响
strong标明重点内容，语气加强含义；b是无意义的视觉表示
em表示强调文本；i是斜体，是无意义的视觉表示
视觉样式标签：b i u s
语义样式标签：strong em ins del code
视觉样式标签：b i u s
语义样式标签：strong em ins del code
[原文链接] https://blog.csdn.net/sinat_17775997/article/details/79608217
扫一扫
3722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
