当前位置：首页 > 前端开发 > 正文

MySQL如何存储HTML代码？

在MySQL中保存HTML代码，推荐使用TEXT类型字段（如TEXT/MEDIUMTEXT/LONGTEXT），确保足够存储空间，插入数据时务必进行转义处理或使用预处理语句，防止SQL载入攻破，若需保留原始格式，可考虑BLOB类型存储二进制数据。

选择正确的数据类型

数据类型	最大容量	适用场景	优势
TEXT	64KB	普通文章、短内容	平衡存储效率
MEDIUMTEXT	16MB	富文本编辑器内容、长文章	覆盖99%的HTML存储需求
LONGTEXT	4GB	复杂页面模板、大型文档	极端容量需求

示例建表语句：

MySQL如何存储HTML代码？第1张

输入过滤：在存入数据库前，使用库净化HTML（如PHP的 HTMLPurifier、Python的 bleach） // PHP示例：使用 HTMLPurifier require_once 'HTMLPurifier.auto.php'; $config = HTMLPurifier_Config::createDefault(); $purifier = new HTMLPurifier($config); $clean_html = $purifier->purify($_POST['html_content']);
输出转义：
前端渲染时对非信任内容使用DOM解析（而非innerHTML），或模板引擎自动转义（如React的dangerouslySetInnerHTML需谨慎使用）。

预处理语句（PHP示例）： $stmt = $pdo->prepare("INSERT INTO articles (content) VALUES (?)"); $stmt->execute([$clean_html]); // 参数化绑定

使用<meta name="author">标注作者资质
通过<time datetime="">标记发布时间  <div class="byline"> 作者：<span itemprop="author">王明（资深前端工程师）</span>，发布于<time datetime="2025-10-15">2025年10月15日</time> </div>

结构语义化
保存的HTML应包含规范标签：
<article> <h1>主标题</h1> <section aria-label="章节摘要"> <p>...</p> </section> </article>
移动端适配
确保HTML包含响应式元标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

前端提交
后端处理（Node.js示例）
const mysql = require('mysql'); const bleach = require('bleach'); // 连接数据库 const pool = mysql.createPool({/* 配置 */}); app.post('/save-article', (req, res) => { const cleanHTML = bleach.sanitize(req.body.content); // 消毒HTML pool.query( 'INSERT INTO articles (content) VALUES (?)', [cleanHTML], (error) => { /* 处理响应 */ } ); });
数据检索与渲染
// PHP渲染示例 $article = $pdo->query("SELECT content FROM articles WHERE id = 123")->fetch(); echo '<div class="safe-content">' . htmlspecialchars_decode($article['content']) . '</div>';