-
- CSS如何处理伪元素换行符
- 伪元素中::before和::after的\A换行不生效，因默认display:inline且inline元素忽略\A；需设display:block/inline-block并配white-space:pre/pre-line才生效。
- 文章 · 前端 | 1天前 | 260浏览 收藏
-
- HTML a标签的hreflang属性用于指定链接目标页面的语言和区域版本，帮助搜索引擎和用户更准确地找到对应语言的页面。它常用于多语言网站中，确保用户点击链接时跳转到正确的语言版本。1. hreflang 属性的作用hreflang 属性告诉搜索引擎或浏览器该链接指向的是哪种语言和地区的页面。例如：
- hreflang是link标签的属性，非a标签属性；a标签中使用hreflang会被浏览器完全忽略，因其语义仅用于用户导航，不参与语言关系声明，而hreflang专用于head中link标签向搜索引擎声明多语言页面间的对应关系。
- 文章 · 前端 | 1天前 | 173浏览 收藏
-
- 设置CSP的script-src指令可有效限制HTML中可执行脚本的来源域名，具体方法如下：在HTTP响应头中添加Content-Security-Policy 在服务器配置（如Nginx、Apache）或后端代码中，设置响应头：Content-Security-Policy: script-src 'self' https://trusted-domain.com;'self' 表示允许当前域名
- script-src白名单需用单引号包裹、空格分隔，仅列必需来源；必须显式写'self'，不支持通配符或路径；内联脚本默认被禁，应优先用HTTP响应头配置并配合Report-Only模式调试。
- 文章 · 前端 | 1天前 | 483浏览 收藏
-
- HTML学习进度条实现方法及常见问题
- 必须同时设置value和max属性才能渲染progress标签；仅设value会失效，max默认为100但需显式声明；value超max会被截断，IE11及以下不支持，需降级；JS更新需防抖、用requestAnimationFrame、统一计算百分比；样式兼容性差，Chrome/Firefox伪元素规则不同；复杂需求应改用div+ARIA手写方案。
- 文章 · 前端 | 1天前 | 245浏览 收藏
-
- HTML全屏切换实现方法【保姆级教程】
- requestFullscreen()必须由用户手势（如click）同步触发，否则浏览器静默拒绝；需检查元素是否挂载且可见，iframe需加allow="fullscreen"；退出时须先判document.fullscreenElement再调document.exitFullscreen()并兼容前缀。
- 文章 · 前端 | 1天前 | 467浏览 收藏
-
- HTML如何输入特殊字符或标签【教程】
- HTML中需转义<、>、&、"、'五字符，\_通常无需转义但混用Markdown时需写\\_；短代码用<code>加转义，多行用<pre>。
- 文章 · 前端 | 1天前 | 357浏览 收藏
-
- 绝对定位实现全屏轮播图片切换
- 用position:absolute+top:0+left:0+width/height:100%使图片叠于父容器左上角，父容器需设position:relative和明确高度，配合z-index与opacity切换，预加载图片并用object-fit:cover防变形。
- 文章 · 前端 | 1天前 | 446浏览 收藏
是一个布尔属性，表示启用沙箱模式。它会将 iframe 中的内容置于一个隔离的环境中，限制其对主页面的访问和操作能力。2. 常用 sandbox ">