https://gb.yeadoc.com/categories/%E5%89%8D%E7%AB%AF/ Recent content in 前端 on Clarity Hugo -- gohugo.io zh Copyright © 2008–2018, Steve Francia and the Hugo Authors; all rights reserved. Sun, 24 May 2026 00:00:00 +0000 https://gb.yeadoc.com/2026/05/24/css/ Sun, 24 May 2026 00:00:00 +0000 https://gb.yeadoc.com/2026/05/24/css/ <h2 id="css-面试知识点总结">CSS 面试知识点总结</h2> <p>本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！</p> <h3 id="目录">目录</h3> <ul> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#1介绍一下标准的-css-的盒子模型低版本-ie-的盒子模型有什么不同的">1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#2css-选择符有哪些">2.CSS 选择符有哪些？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#3before-和after-中双冒号和单冒号有什么区别解释一下这-2-个伪元素的作用">3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#4伪类与伪元素的区别">4.伪类与伪元素的区别</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#5css-中哪些属性可以继承">5.CSS 中哪些属性可以继承？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#6css-优先级算法如何计算">6.CSS 优先级算法如何计算？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#7关于伪类-lvha-的解释">7.关于伪类 LVHA 的解释?</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#8css3-新增伪类有那些">8.CSS3 新增伪类有那些？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#9如何居中-div">9.如何居中 div？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#10display-有哪些值说明他们的作用">10.display 有哪些值？说明他们的作用。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#11position-的值-relative-和-absolute-定位原点是">11.position 的值 relative 和 absolute 定位原点是？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#12css3-有哪些新特性根据项目回答">12.CSS3 有哪些新特性？（根据项目回答）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#13请解释一下-css3-的-flex-box弹性盒布局模型以及适用场景">13.请解释一下 CSS3 的 Flex box（弹性盒布局模型），以及适用场景？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#14用纯-css-创建一个三角形的原理是什么">14.用纯 CSS 创建一个三角形的原理是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#15一个满屏品字布局如何设计">15.一个满屏品字布局如何设计?</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#16css-多列等高如何实现">16.CSS 多列等高如何实现？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#17经常遇到的浏览器的兼容性有哪些原因解决方法是什么常用-hack-的技巧">17.经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用 hack 的技巧？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#18li-与-li-之间有看不见的空白间隔是什么原因引起的有什么解决办法">18.li 与 li 之间有看不见的空白间隔是什么原因引起的？有什么解决办法？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#19为什么要初始化-css-样式">19.为什么要初始化 CSS 样式？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#20什么是包含块对于包含块的理解">20.什么是包含块，对于包含块的理解?</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#21css-里的-visibility-属性有个-collapse-属性值是干嘛用的在不同浏览器下以后什么区别">21.CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#22widthauto-和-width100的区别">22.width:auto 和 width:100\x 的区别</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#23绝对定位元素与非绝对定位元素的百分比计算的区别">23.绝对定位元素与非绝对定位元素的百分比计算的区别</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#24简单介绍使用图片-base64-编码的优点和缺点">24.简单介绍使用图片 base64 编码的优点和缺点。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#25displayposition和float的相互关系">25.'display'、'position'和'float'的相互关系？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#26margin-重叠问题的理解">26.margin 重叠问题的理解。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#27对-bfc-规范块级格式化上下文block-formatting-context的理解">27.对 BFC 规范（块级格式化上下文：block formatting context）的理解？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#28ifc-是什么">28.IFC 是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#29请解释一下为什么需要清除浮动清除浮动的方式">29.请解释一下为什么需要清除浮动？清除浮动的方式</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#30使用-clear-属性清除浮动的原理">30.使用 clear 属性清除浮动的原理？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#31zoom1-的清除浮动原理">31.zoom:1 的清除浮动原理?</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#32移动端的布局用过媒体查询吗">32.移动端的布局用过媒体查询吗？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#33使用-css-预处理器吗喜欢哪个">33.使用 CSS 预处理器吗？喜欢哪个？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#34css-优化提高性能的方法有哪些">34.CSS 优化、提高性能的方法有哪些？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#35浏览器是怎样解析-css-选择器的">35.浏览器是怎样解析 CSS 选择器的？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#36在网页中应该使用奇数还是偶数的字体为什么呢">36.在网页中应该使用奇数还是偶数的字体？为什么呢？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#37margin-和-padding-分别适合什么场景使用">37.margin 和 padding 分别适合什么场景使用？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#38抽离样式模块怎么写说出思路有无实践经验阿里航旅的面试题">38.抽离样式模块怎么写，说出思路，有无实践经验？[阿里航旅的面试题]</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#39简单说一下-css3-的-all-属性">39.简单说一下 css3 的 all 属性。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#40为什么不建议使用统配符初始化-css-样式">40.为什么不建议使用统配符初始化 css 样式。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#41absolute-的-containingblock包含块计算方式跟正常流有什么不同">41.absolute 的 containingblock（包含块）计算方式跟正常流有什么不同？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#42对于-haslayout-的理解">42.对于 hasLayout 的理解？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#43元素竖向的百分比设定是相对于容器的高度吗">43.元素竖向的百分比设定是相对于容器的高度吗？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#44全屏滚动的原理是什么用到了-css-的哪些属性待深入实践">44.全屏滚动的原理是什么？用到了 CSS 的哪些属性？（待深入实践）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#45什么是响应式设计响应式设计的基本原理是什么如何兼容低版本的-ie待深入了解">45.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的 IE？（待深入了解）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#46视差滚动效果如何给每页做不同的动画回到顶部向下滑动要再次出现和只出现一次分别怎么做">46.视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#47如何修改-chrome-记住密码后自动填充表单的黄色背景">47.如何修改 chrome 记住密码后自动填充表单的黄色背景？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#48怎么让-chrome-支持小于-12px-的文字">48.怎么让 Chrome 支持小于 12px 的文字？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#49让页面里的字体变清晰变细用-css-怎么做">49.让页面里的字体变清晰，变细用 CSS 怎么做？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#50font-style-属性中-italic-和-oblique-的区别">50.font-style 属性中 italic 和 oblique 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#51设备像素css-像素设备独立像素dprppi-之间的区别">51.设备像素、css 像素、设备独立像素、dpr、ppi 之间的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#52layout-viewportvisual-viewport-和-ideal-viewport-的区别">52.layout viewport、visual viewport 和 ideal viewport 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#53positionfixed在-android-下无效怎么处理">53.position:fixed;在 android 下无效怎么处理？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#54如果需要手动写动画你认为最小时间间隔是多久为什么阿里">54.如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#55如何让去除-inline-block-元素间间距">55.如何让去除 inline-block 元素间间距？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#56overflowscroll-时不能平滑滚动的问题怎么处理">56.overflow:scroll 时不能平滑滚动的问题怎么处理？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#57有一个高度自适应的-div里面有两个-div一个高度-100px希望另一个填满剩下的高度">57.有一个高度自适应的 div，里面有两个 div，一个高度 100px，希望另一个填满剩下的高度。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#58pngjpggif-这些图片格式解释一下分别什么时候用有没有了解过-webp">58.png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过 webp？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#59浏览器如何判断是否支持-webp-格式图片">59.浏览器如何判断是否支持 webp 格式图片</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#60什么是-cookie-隔离或者说请求资源的时候不要让它带-cookie-怎么做">60.什么是 Cookie 隔离？（或者说：请求资源的时候不要让它带 cookie 怎么做）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#61style-标签写在-body-后与-body-前有什么区别">61.style 标签写在 body 后与 body 前有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#62什么是-css-预处理器后处理器">62.什么是 CSS 预处理器/后处理器？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#63阐述一下-csssprites">63.阐述一下 CSSSprites</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#64使用-rem-布局的优缺点">64.使用 rem 布局的优缺点？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#65几种常见的-css-布局">65.几种常见的 CSS 布局</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#66画一条-05px-的线">66.画一条 0.5px 的线</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#67transition-和-animation-的区别">67.transition 和 animation 的区别</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#68什么是首选最小宽度">68.什么是首选最小宽度？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#69为什么-height100会无效">69.为什么 height:100\x 会无效？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#70min-widthmax-width-和-min-heightmax-height-属性间的覆盖规则">70.min-width/max-width 和 min-height/max-height 属性间的覆盖规则？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#71内联盒模型基本概念">71.内联盒模型基本概念</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#72什么是幽灵空白节点">72.什么是幽灵空白节点？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#73什么是替换元素">73.什么是替换元素？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#74替换元素的计算规则">74.替换元素的计算规则？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#75content-与替换元素的关系">75.content 与替换元素的关系？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#76marginauto-的填充规则">76.margin:auto 的填充规则？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#77margin-无效的情形">77.margin 无效的情形</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#78border-的特殊性">78.border 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#79什么是基线和-x-height">79.什么是基线和 x-height？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#80line-height-的特殊性">80.line-height 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#81vertical-align-的特殊性">81.vertical-align 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#82overflow-的特殊性">82.overflow 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#83无依赖绝对定位是什么">83.无依赖绝对定位是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#84absolute-与-overflow-的关系">84.absolute 与 overflow 的关系？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#85clip-裁剪是什么">85.clip 裁剪是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#86relative-的特殊性">86.relative 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#87什么是层叠上下文">87.什么是层叠上下文？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#88什么是层叠水平">88.什么是层叠水平？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#89元素的层叠顺序">89.元素的层叠顺序？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#90层叠准则">90.层叠准则？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#91font-weight-的特殊性">91.font-weight 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#92text-indent-的特殊性">92.text-indent 的特殊性？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#93letter-spacing-与字符间距">93.letter-spacing 与字符间距？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#94word-spacing-与单词间距">94.word-spacing 与单词间距？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#95white-space-与换行和空格的控制">95.white-space 与换行和空格的控制？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#96隐藏元素的-background-image-到底加不加载">96.隐藏元素的 background-image 到底加不加载？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#97如何实现单行多行文本溢出的省略">97.如何实现单行／多行文本溢出的省略（...）？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#98常见的元素隐藏方式">98.常见的元素隐藏方式？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#99css-实现上下固定中间自适应布局">99.css 实现上下固定中间自适应布局？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#100css-两栏布局的实现">100.css 两栏布局的实现？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#101css-三栏布局的实现">101.css 三栏布局的实现？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#102实现一个宽高自适应的正方形">102.实现一个宽高自适应的正方形</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#103实现一个三角形">103.实现一个三角形</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#104一个自适应矩形水平垂直居中且宽高比为-21">104.一个自适应矩形，水平垂直居中，且宽高比为 2:1</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/css/#105-你知道-css-中不同属性设置为百分比时对应的计算基准">105.你知道 CSS 中不同属性设置为百分比\x 时对应的计算基准？</a></li> </ul> <h4 id="1介绍一下标准的-css-的盒子模型低版本-ie-的盒子模型有什么不同的">1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？</h4> <p>相关知识点：</p> https://gb.yeadoc.com/2026/05/24/html/ Sun, 24 May 2026 00:00:00 +0000 https://gb.yeadoc.com/2026/05/24/html/ <h2 id="html-面试知识点总结">HTML 面试知识点总结</h2> <p>本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！</p> <h3 id="目录">目录</h3> <ul> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#1-doctype-的作用是什么">1. DOCTYPE 的作用是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#2-标准模式与兼容模式各有什么区别">2. 标准模式与兼容模式各有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#3-html5-为什么只需要写-doctype-html而不需要引入-dtd">3. HTML5 为什么只需要写 &lt;!DOCTYPE HTML&gt;，而不需要引入 DTD？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#4-sgml--html-xml-和-xhtml-的区别">4. SGML 、 HTML 、XML 和 XHTML 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#-5-dtd-介绍">5. DTD 介绍</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#6-行内元素定义">6. 行内元素定义</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#7-块级元素定义">7. 块级元素定义</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#8-行内元素与块级元素的区别">8. 行内元素与块级元素的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#9-html5-元素的分类">9. HTML5 元素的分类</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#10-空元素定义">10. 空元素定义</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#11-link-标签定义">11. link 标签定义</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#12-页面导入样式时使用-link-和-import-有什么区别">12. 页面导入样式时，使用 link 和 @import 有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#13-你对浏览器的理解">13. 你对浏览器的理解？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#14-介绍一下你对浏览器内核的理解">14. 介绍一下你对浏览器内核的理解？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#15-常见的浏览器内核比较">15. 常见的浏览器内核比较</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#16-常见浏览器所用内核">16. 常见浏览器所用内核</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#17-浏览器的渲染原理">17. 浏览器的渲染原理？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#18-渲染过程中遇到-js-文件怎么处理浏览器解析过程">18. 渲染过程中遇到 JS 文件怎么处理？（浏览器解析过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#19-async-和-defer-的作用是什么有什么区别浏览器解析过程">19. async 和 defer 的作用是什么？有什么区别？（浏览器解析过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#20-什么是文档的预解析浏览器解析过程">20. 什么是文档的预解析？（浏览器解析过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#21-css-如何阻塞文档解析浏览器解析过程">21. CSS 如何阻塞文档解析？（浏览器解析过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#22-渲染页面时常见哪些不良现象浏览器渲染过程">22. 渲染页面时常见哪些不良现象？（浏览器渲染过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#23-如何优化关键渲染路径浏览器渲染过程">23. 如何优化关键渲染路径？（浏览器渲染过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#24-什么是重绘和回流浏览器绘制过程">24. 什么是重绘和回流？（浏览器绘制过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#25-如何减少回流浏览器绘制过程">25. 如何减少回流？（浏览器绘制过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#26-为什么操作-dom-慢浏览器绘制过程">26. 为什么操作 DOM 慢？（浏览器绘制过程）</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#27-domcontentloaded-事件和-load-事件的区别">27. DOMContentLoaded 事件和 Load 事件的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#28-html5-有哪些新特性移除了那些元素">28. HTML5 有哪些新特性、移除了那些元素？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#29-如何处理-html5-新标签的浏览器兼容问题">29. 如何处理 HTML5 新标签的浏览器兼容问题？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#30-简述一下你对-html-语义化的理解">30. 简述一下你对 HTML 语义化的理解？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#31-b-与-strong-的区别和-i-与-em-的区别">31. b 与 strong 的区别和 i 与 em 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#32-前端需要注意哪些-seo-">32. 前端需要注意哪些 SEO ？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#33-html5-的离线储存怎么使用工作原理能不能解释一下">33. HTML5 的离线储存怎么使用，工作原理能不能解释一下？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#34-浏览器是怎么对-html5-的离线储存资源进行管理和加载的呢">34. 浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#35-常见的浏览器端的存储技术有哪些">35. 常见的浏览器端的存储技术有哪些？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#36-请描述一下-cookiessessionstorage-和-localstorage-的区别">36. 请描述一下 cookies，sessionStorage 和 localStorage 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#37-iframe-有那些缺点">37. iframe 有那些缺点？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#38-label-的作用是什么是怎么用的">38. Label 的作用是什么？是怎么用的？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#39-html5-的-form-的自动完成功能是什么">39. HTML5 的 form 的自动完成功能是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#40-如何实现浏览器内多个标签页之间的通信">40. 如何实现浏览器内多个标签页之间的通信?</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#41-websocket-如何兼容低版本浏览器">41. webSocket 如何兼容低版本浏览器？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#42-页面可见性page-visibility-api-可以有哪些用途">42. 页面可见性（Page Visibility API） 可以有哪些用途？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#43-如何在页面上实现一个圆形的可点击区域">43. 如何在页面上实现一个圆形的可点击区域？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#44-实现不使用-border-画出-1-px-高的线在不同浏览器的标准模式与怪异模式下都能保持一致的效果">44. 实现不使用 border 画出 1 px 高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#45-title-与-h1-的区别">45. title 与 h1 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#46-img-的-title-和-alt-有什么区别">46. &lt;img&gt; 的 title 和 alt 有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#47-canvas-和-svg-有什么区别">47. Canvas 和 SVG 有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#48-网页验证码是干嘛的是为了解决什么安全问题">48. 网页验证码是干嘛的，是为了解决什么安全问题？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#49-渐进增强和优雅降级的定义">49. 渐进增强和优雅降级的定义</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#50-attribute-和-property-的区别是什么">50. attribute 和 property 的区别是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#51-对-web-标准可用性可访问性的理解">51. 对 web 标准、可用性、可访问性的理解</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#52-ie-各版本和-chrome-可以并行下载多少个资源">52. IE 各版本和 Chrome 可以并行下载多少个资源？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#53-flashajax-各自的优缺点在使用中如何取舍">53. Flash、Ajax 各自的优缺点，在使用中如何取舍？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#54-怎么重构页面">54. 怎么重构页面？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#55-浏览器架构">55. 浏览器架构</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#56-常用的-meta-标签">56. 常用的 meta 标签</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#57-css-reset-和-normalizecss-有什么区别">57. css reset 和 normalize.css 有什么区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#58-用于预格式化文本的标签是">58. 用于预格式化文本的标签是？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#59-dhtml-是什么">59. DHTML 是什么？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#60-head-标签中必不少的是">60. head 标签中必不少的是？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#61-html5-新增的表单元素有">61. HTML5 新增的表单元素有？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#62-在-html5-中哪个方法用于获得用户的当前位置">62. 在 HTML5 中，哪个方法用于获得用户的当前位置？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#63-文档的不同注释方式">63. 文档的不同注释方式？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#64-disabled-和-readonly-的区别">64. disabled 和 readonly 的区别？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#65-主流浏览器内核私有属性-css-前缀">65. 主流浏览器内核私有属性 css 前缀？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#66-前端性能优化">66. 前端性能优化？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#67-chrome-中的-waterfall-">67. Chrome 中的 Waterfall ？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#68-扫描二维码登录网页是什么原理前后两个事件是如何联系的">68. 扫描二维码登录网页是什么原理，前后两个事件是如何联系的？</a></li> <li><a href="https://gb.yeadoc.com/2026/05/24/html/#69-html-规范中为什么要求引用资源不加协议头http或者https">69. Html 规范中为什么要求引用资源不加协议头http或者https？</a></li> </ul> <h4 id="1-doctype-的作用是什么">1. DOCTYPE 的作用是什么？</h4> <p>相关知识点：</p>