<html>结构骨架HTML 文档的根元素
<head>结构骨架包含文档的元（meta）数据
<body>结构骨架定义文档的主体，包含可视内容
<header>结构骨架定义文档或节的页眉
<footer>结构骨架定义文档或节的页脚
<main>结构骨架定义文档的主要内容区域
<section>结构骨架定义文档中的独立节区
<article>结构骨架定义文档或内容的独立文章
<aside>结构骨架定义与页面主要内容相关的周边内容
<nav>结构骨架定义页面中导航链接的区域
<div>结构骨架结构通用的通用块型容器
<span>结构骨架文本通用的通用行内型容器
<h1> - <h6>文本排版HTML 的不同层级标题
<p>文本排版定义一个段落
<a>文本排版定义超链接，跳转到其他页面或锚点
<strong>文本排版定义强调的重要文本（通常加粗）
<em>文本排版定义强调的文本（通常倾斜）
<blockquote>文本排版定义从另一个来源引用的长段内容
<code>文本排版定义计算机代码文本
<pre>文本排版定义预定义格式的文本（保留空格和换行）
<br>文本排版插入一个单行折行
<hr>文本排版创建一条水平分割线
<form>表单表单定义用于用户输入的 HTML 表单
<input>表单表单定义表单内输入控件（支持多种 type）
<textarea>表单表单定义一个多行的文本输入框
<button>表单表单定义一个可点击的操作按钮
<select>表单表单定义下拉选择列表
<option>表单表单定义 select 列表中的一个选项
<label>表单表单为 input 元素定义标注，提高无障碍性
<img>多媒体和嵌入向页面中插入一张图像
<audio>多媒体和嵌入嵌入声音或音频流
<video>多媒体和嵌入嵌入视频或电影片段
<iframe>多媒体和嵌入并在当前页面内嵌另一个页面框架
<canvas>多媒体和嵌入定义用于图形绘制的画布，通过脚本操作
<details>交互和动态定义用户可以展开或折叠的视图组件
<summary>交互和动态为 details 视图定义标题（摘要）
<dialog>交互和动态定义一个模态框或会话层窗体
<template>交互和动态包裹不会渲染的 HTML，供 JS 使用克隆
📘 使用指南与技术说明
🔗 相关工具推荐
📖 精选技术文章推荐
那些藏在 URL 里的双重编码漏洞：一次 SQL 注入的完整路径
明明部署了昂贵的 WAF 防火墙，为什么数据库还是被拖库了？黑客并没有使用什么零日漏洞，而是巧妙地利用了 URL 的“双重编码”特性。本文将带你重构一次真实的攻击路径，揭示架构分层中的安全盲区，以及开发者最容易犯的致命错误。
那个把对象直接 toString 传进 URL 的同事，把我们的接口搞崩了
一个前端新人的失误：'?filter=[object Object]'，让后端的 JSON.parse 直接崩溃，引发了一场 P3 级事故。本文深入探讨 JSON 与 GET 参数互转的种种陷阱：嵌套对象怎么传？数组怎么解析？URL 长度限制在哪里？以及如何避开这些暗坑。
计算机差点变成巴别塔：Unicode 发明前，我们如何处理多语言文字
在 UTF-8 统治世界之前，计算机世界曾是一片混乱的割据地。为了显示中文、日文或希腊文，开发者们发明了无数互不兼容的“代码页”。本文带你回顾那段满是乱码、冲突与妥协的编码演进史，理解 Unicode 存在的终极意义。
消失的字符：处理民族文字展示时的编码与渲染深坑
在开发文本分析工具时，我们发现 UTF-8 并不是万能药。当遇到藏文的叠加字、维吾尔文的 RTL 镜像渲染以及复杂的 Unicode 代理对时，传统的字符串处理逻辑会瞬间失效。本文记录 daima.life 在适配多元文字时的技术复盘。
💡 想要更多功能？
发现 Bug 或是希望加入新工具？支持免费提建议或商业私有化定制开发。