时亚菲

摘要： CSS中的盒模型有两种：标准盒子模型、IE盒子模型。 盒模型都是由4个部分组成的：content、padding、border和margin。 标准盒模型和IE盒模型的区别在于设置width和height时，对应的范围不同： 标准盒模型的width和height属性的范围只包含了content； I 阅读全文

摘要： 伪元素：在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。它们只在外部显示可见，但不会在文档的源代码中找到它们，因此称为“伪元素”。例如： p::before { content: '后面伪元素' } p::after { content: '前面伪元素' }// 设置第一行 阅读全文

摘要： meta标签由name和content属性定义，用来描述网页文档的属性。比如网页的作者，网页的描述，关键词等，除了HTTP标准固定了一些name作为大家使用的共识，开发者还可以自定义name。 常用的meta标签： 1、charset，用来描述HTML文档的编码类型： <meta charset=" 阅读全文

摘要： 如果没有defer或者async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素， 读到就会开始加载和执行，这样就阻塞了后续文档的加载。 下图可以直观的看出三者的区别： 其中蓝色代表js脚本网络加载时间，红色代表js脚本执行时间，绿色代表html解析时间。 defer和async 阅读全文

摘要： DOCTYPE是HTML5中一种标准通用标记语言的文档类型声明，目的是告诉浏览器（解析器）应该以什么样（html或xhtml）的文档类型定义来解析文档，不同的渲染模式会影响浏览器对CSS代码甚至JavaScript脚本的解析，它必须声明在HTML文档的第一行。 DOCTYPE不存在或者格式不正确会导 阅读全文

摘要： 用正确的标签做正确的事情。 html语义化让页面的内容结构化，结构清晰，便于对浏览器、搜索引擎解析； 即使在没有css样式的情况下也以一种文档格式显示，并且是容易阅读的； 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO（Search Engine Optimizatio 阅读全文

摘要： src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 1、src src是source（/sɔːs/ n. 来源、源头、出处）的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档中，例如js脚本，img图片和fr 阅读全文