标签

 html 

相关的文章：

本列表汇集了关于 HTML 的多篇文章，涵盖规范变更、实用工具、网页开发技巧等，帮助您深入理解和应用 HTML 技术。

HTML新search元素,h1规则要变,声明式Shadow DOM

介绍3个与HTML相关的新变化与新特性，分别是新支持的search元素，h1规则变化与声明式Shadow DOM，希望可以帮到大家的学习。

AI生成摘要 文章介绍了HTML的新特性，包括Chrome和Safari支持的<search>元素、h1元素样式规则的变化，以及声明式Shadow DOM的使用。<search>元素用于定义搜索区域，h1元素不再因嵌套而降级，Shadow DOM可无JavaScript定义，提升组件的隔离性。

<search>元素 HTML Shadow DOM h1元素 shadow 组件隔离
原文中文，约2300字，阅读约需6分钟。发表于：10 小时前。
阅读原文
分享给好友

使用CSS通过HTML重写器设置元素顺序

After shipping my work transforming HTML with Netlify’s edge functions I realized I have a little bug: the order of the icons specified in the URL doesn’t match the order in which they are...

AI生成摘要 作者通过使用CSS的order属性，结合URL中的ID顺序，成功调整了Netlify边缘函数处理HTML时图标的显示顺序，解决了图标顺序与URL不匹配的问题，而无需修改源HTML。

CSS HTML Netlify 图标顺序 边缘函数
原文英文，约500词，阅读约需2分钟。发表于：8 天前。
阅读原文
分享给好友

通过Netlify边缘功能转换HTML

I’ve long wanted the ability to create custom collections of icons from my icon gallery. Today I can browse collections of icons that share pre-defined metadata (e.g. “Show me all icons tagged as...

AI生成摘要 我创建了一个新的页面（/lookup），允许用户根据图标ID生成自定义图标集合。通过JavaScript和Netlify的边缘功能，我动态处理请求，过滤所需图标，提升性能。切换主机时不会影响URL结构。

JavaScript Netlify html 图标ID 性能 自定义图标
原文英文，约700词，阅读约需3分钟。发表于：15 天前。
阅读原文
分享给好友

HTML 规范变更：对属性中的 < 和 > 进行转义

此更改仅修改了在序列化过程中将 HTML 片段转换回字符串表示的方式。影响仅限于访问 innerHTML 或 outerHTML 属性或对元素调用 getHTML() 方法的情况。这些操作会采用现有的 DOM 结构，并生成文本 HTML 表示法。

AI生成摘要 HTML规范将于2025年5月20日更新，开始对属性中的<和>进行转义，以防止突变XSS漏洞。此变更影响使用innerHTML和outerHTML提取属性的代码，但不影响DOM API的使用。使用Chromium和Firefox的用户将于2025年6月24日体验此更改。

DOM API HTML规范 XSS漏洞 html innerHTML 转义
原文中文，约2200字，阅读约需6分钟。发表于：22 天前。
阅读原文
分享给好友

QQ 聊天记录 MHT 文件转 HTML

写在前面虽然最近博客没有更新，但博主一直在写一些回忆性的文章（都存放在某个赛博空间里）。最近突然回想起一些往事，想翻看以前的聊天记录。尽管那时明月在，曾照彩云归，好在博主没有删掉数据的习惯，消息记录几乎都还保留着。虽然，我们的对话仅仅持续了一年半。

AI生成摘要 博主回忆聊天记录，尝试将QQ的MHT文件转换为HTML格式。由于浏览器兼容性问题，最终通过提取HTML部分和转存图片成功实现转换，并分享了相关的Python代码。

HTML MHT Python 聊天记录 转换
QQ 聊天记录 MHT 文件转 HTML
原文中文，约5300字，阅读约需13分钟。发表于：22 天前。
阅读原文
分享给好友

我构建了一个 API，可以从任何网站或 HTML 中提取 SEO 元数据、图片、JS 和 CSS — 可用于审计、自动化或分析 🔍

Hey devs 👋 As someone building tools for digital marketers and devs, I was constantly hacking together different libraries to extract SEO and asset data from web pages. Most tools were either...

AI生成摘要 SmartWeb Web Scraper API 是一个快速的服务器端 API，能够从任何网站 URL 或原始 HTML 中提取 SEO 信息和页面资产（如 JS、CSS、图片），适用于 SEO 审计、博客发布验证和竞争对手分析等场景。

API SEO Web Scraper css html js 数据提取 竞争分析
我构建了一个 API，可以从任何网站或 HTML 中提取 SEO 元数据、图片、JS 和 CSS — 可用于审计、自动化或分析 🔍
原文英文，约500词，阅读约需2分钟。发表于：1 个月前。
阅读原文
分享给好友
原文英文，约100词，阅读约需1分钟。发表于：1 个月前。
阅读原文
分享给好友

CSS Minecraft – 纯炫技！不用 JavaScript，纯 HTML + CSS，克隆我的世界

CSS Minecraft 是一个使用纯 HTML 和 CSS 制作的我的世界克隆版，没有使用一行 JavaScript，青小蛙试了下，实在没什么用，纯炫技啊。@Appinn 简单粗暴，直接上视频：

AI生成摘要 CSS Minecraft 是一个用纯 HTML 和 CSS 制作的我的世界克隆，虽然支持建造和视角移动，但实用性有限，主要展示技术能力。

CSS Minecraft HTML css javascript minecraft 克隆 建造 技术展示
CSS Minecraft – 纯炫技！不用 JavaScript，纯 HTML + CSS，克隆我的世界
原文中文，约400字，阅读约需1分钟。发表于：1 个月前。
阅读原文
分享给好友
原文英文，约100词，阅读约需1分钟。发表于：1 个月前。
阅读原文
分享给好友

从HTML到AI：我在6个月内获得50多个证书的旅程——教训、错误与真正有效的经验

Originally published on Hashnode Six months ago, I was fumbling with CSS margins and wondering if I’d ever “get” this dev thing. Now? I’ve earned 50+ tech certificates, learned AI and web dev in...

AI生成摘要 六个月前，我在学习前端开发时遇到困难。现在，我获得了50多个技术证书，学习了AI和网页开发，并完成了多个项目。在这个过程中，我意识到实际技能比证书更重要。未来，我将专注于高质量的实习和项目，帮助他人避免我曾经的错误。

AI html 前端开发 实习 技术证书 网页开发
从HTML到AI：我在6个月内获得50多个证书的旅程——教训、错误与真正有效的经验
原文英文，约600词，阅读约需2分钟。发表于：1 个月前。
阅读原文
分享给好友