随笔分类 - html
摘要：渐进增强： 主要是针对低版本的浏览器进行页面重构，保证基本的功能情况下，再针对高级浏览器进行效果、交互等方面的改进和追加功能，以达到更好的用户体验。 优雅降级： 一开始就构建完整的功能，然后再针对低版本的浏览器进行兼容。 两者区别： ● 优雅降级是从复杂的现状开始的，并试图减少用户体验的供给；而渐进
阅读全文
摘要：产生乱码的原因： ● 网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码，反之也会出现乱码； ● html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码； ● 浏览器不能自动检测网页编码，造成网页乱码。 解决方式： ●
阅读全文
摘要：DOCTYPE(⽂档类型) 的作用 DOCTYPE是文档类型声明，它的目的是告诉浏览器（解析器）应该以什么样（html或xhtml）的模式来渲染文档。它必须声明在HTML⽂档的第⼀⾏。 浏览器渲染页面的两种模式（可通过document.compatMode获取，比如，语雀官网的文档类型是CSS1Co
阅读全文
摘要：作用：<head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等。 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读
阅读全文
摘要：SVG SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言XML描述的2D图形的语言，SVG基于XML就意味着SVG DOM中的每个元素都是可用的，可以为某个元素附加 Javascript事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG
阅读全文
摘要：iframe 作用：iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 优点： ● 用来加载速度较慢的内容（如广告） ● 可以使脚本并行下载 ● 可以实现跨子域通信 缺点： ● iframe 会阻塞主页面的 onload 事件 ● 无法被一些搜索引擎索识别 ● 会产生很多页面，不容易
阅读全文
摘要：离线存储指的是：在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。 原理：HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当
阅读全文
摘要：JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多 核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。 Web Worker 的作用，就是为 JavaSc
阅读全文
摘要：元素类型 块级元素 自己独占一行 可以设置宽度、高度、内外边距，默认高度与父亲一致 容器内可以放行内块元素或者块级元素（文字类的元素内不能放块级元素） 行内元素 相邻的行内元素一行显示多个 不能设置宽度和高度，默认的宽度和高度就是它自身的高度和宽度 行内元素内部只能放文本或者行内元素（a可以放块级元
阅读全文
摘要：响应式页面中经常用到根据屏幕密度设置不同的图片。这时就用到了 img 标签的srcset属性。srcset属性用于设置不同屏幕密度下，img 会自动加载不同的图片。 <img src="image-128.png" srcset="image-256.png 2x" /> 使用上面的代码，就能实现在
阅读全文
摘要：语义化标签 header、nav、article、section、aside、footer 媒体标签 audio <audio src='' controls autoplay loop='true'></audio> video <video src='' poster='imgs/aa.jpg'
阅读全文
摘要：meta 标签由 name 和 content 属性定义，用来描述网页文档的属性，比如网页的作者，网页描述，关键词等 常用的meta标签： （1）charset，用来描述HTML文档的编码类型：<meta charset="UTF-8" > （2） keywords，页面关键词： <meta nam
阅读全文
摘要：如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样就阻塞了后续文档的加载。 使用defer和async都会使得解析HTML的同时进行js脚本的异步下载，不会阻碍文档的解析， 区别是， async在下载完js脚本之后立即执
阅读全文
摘要：概念 语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用正确的标签做正确的事情。 使用语义化的优点 代码结构清晰，方便阅读，有利于团队合作开发。 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。 有利于搜索引擎优化（SEO）。 常见的
阅读全文
摘要：src 用于替换当前元素，href 用于在当前文档和引用资源之间确立联系。 （1）src src 是 source 的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置； 在请求 src 资源时会将其指向的资源下载并应用到文档内，例如 js 脚本，img 图片和frame 等元素。
阅读全文
