{"id":842,"date":"2025-12-22T08:50:22","date_gmt":"2025-12-22T00:50:22","guid":{"rendered":"https:\/\/www.52runoob.com\/?p=842"},"modified":"2025-12-22T08:50:22","modified_gmt":"2025-12-22T00:50:22","slug":"html%e7%bd%91%e9%a1%b5%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%b8%8c%e8%85%8a%e5%ad%97%e6%af%8d%e7%9a%84%e6%96%b9%e6%b3%95-3","status":"publish","type":"post","link":"https:\/\/www.52runoob.com\/index.php\/2025\/12\/22\/html%e7%bd%91%e9%a1%b5%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%b8%8c%e8%85%8a%e5%ad%97%e6%af%8d%e7%9a%84%e6%96%b9%e6%b3%95-3\/","title":{"rendered":"html\u7f51\u9875\u4e2d\u4f7f\u7528\u5e0c\u814a\u5b57\u6bcd\u7684\u65b9\u6cd5"},"content":{"rendered":"\n

\u5728 HTML \u7f51\u9875\u4e2d\u63d2\u5165\u5e0c\u814a\u5b57\u6bcd\uff08\u03b1\u3001\u03b2\u3001\u03b3\u3001\u0394 \u7b49\uff09\u6709\u4ee5\u4e0b\u51e0\u79cd\u5e38\u7528\u4e14\u53ef\u9760\u7684\u65b9\u6cd5\uff0c\u63a8\u8350\u4f18\u5148\u7ea7\u4ece\u9ad8\u5230\u4f4e\u6392\u5217\uff1a1. \u63a8\u8350\uff1a\u76f4\u63a5\u4f7f\u7528 Unicode \u5b57\u7b26\uff08\u6700\u7b80\u5355\u3001\u6700\u517c\u5bb9\uff09\u73b0\u4ee3\u6d4f\u89c8\u5668\u548c\u64cd\u4f5c\u7cfb\u7edf\u90fd\u5b8c\u7f8e\u652f\u6301 Unicode\uff0c\u76f4\u63a5\u590d\u5236\u7c98\u8d34\u5e0c\u814a\u5b57\u6bcd\u5373\u53ef\u3002<\/p>\n\n\n\n

\u5e0c\u814a\u5b57\u6bcd<\/th>\u5927\u5199<\/th>\u5c0f\u5199<\/th>HTML \u4e2d\u76f4\u63a5\u8f93\u5165<\/th><\/tr>
Alpha<\/td>\u0391<\/td>\u03b1<\/td>\u03b1 \u6216 \u03b1<\/td><\/tr>
Beta<\/td>\u0392<\/td>\u03b2<\/td>\u03b2 \u6216 \u03b2<\/td><\/tr>
Gamma<\/td>\u0393<\/td>\u03b3<\/td>\u03b3 \u6216 \u03b3<\/td><\/tr>
Delta<\/td>\u0394<\/td>\u03b4<\/td>\u03b4 \u6216 \u03b4<\/td><\/tr>
Epsilon<\/td>\u0395<\/td>\u03b5<\/td>\u03b5 \u6216 \u03b5<\/td><\/tr>
Zeta<\/td>\u0396<\/td>\u03b6<\/td>\u03b6 \u6216 \u03b6<\/td><\/tr>
Eta<\/td>\u0397<\/td>\u03b7<\/td>\u03b7 \u6216 \u03b7<\/td><\/tr>
Theta<\/td>\u0398<\/td>\u03b8<\/td>\u03b8 \u6216 \u03b8<\/td><\/tr>
Iota<\/td>\u0399<\/td>\u03b9<\/td>\u03b9 \u6216 \u03b9<\/td><\/tr>
Kappa<\/td>\u039a<\/td>\u03ba<\/td>\u03ba \u6216 \u03ba<\/td><\/tr>
Lambda<\/td>\u039b<\/td>\u03bb<\/td>\u03bb \u6216 \u03bb<\/td><\/tr>
Mu<\/td>\u039c<\/td>\u03bc<\/td>\u03bc \u6216 \u03bc<\/td><\/tr>
Nu<\/td>\u039d<\/td>\u03bd<\/td>\u03bd \u6216 \u03bd<\/td><\/tr>
Xi<\/td>\u039e<\/td>\u03be<\/td>\u03be \u6216 \u03be<\/td><\/tr>
Omicron<\/td>\u039f<\/td>\u03bf<\/td>\u03bf \u6216 \u03bf<\/td><\/tr>
Pi<\/td>\u03a0<\/td>\u03c0<\/td>\u03c0 \u6216 \u03c0<\/td><\/tr>
Rho<\/td>\u03a1<\/td>\u03c1<\/td>\u03c1 \u6216 \u03c1<\/td><\/tr>
Sigma<\/td>\u03a3<\/td>\u03c3\/\u03c2<\/td>\u03c3 \u6216 \u03c3<\/td><\/tr>
Tau<\/td>\u03a4<\/td>\u03c4<\/td>\u03c4 \u6216 \u03c4<\/td><\/tr>
Upsilon<\/td>\u03a5<\/td>\u03c5<\/td>\u03c5 \u6216 \u03c5<\/td><\/tr>
Phi<\/td>\u03a6<\/td>\u03c6<\/td>\u03c6 \u6216 \u03c6<\/td><\/tr>
Chi<\/td>\u03a7<\/td>\u03c7<\/td>\u03c7 \u6216 \u03c7<\/td><\/tr>
Psi<\/td>\u03a8<\/td>\u03c8<\/td>\u03c8 \u6216 \u03c8<\/td><\/tr>
Omega<\/td>\u03a9<\/td>\u03c9<\/td>\u03c9 \u6216 \u03c9<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4f7f\u7528\u793a\u4f8b\uff1a<\/p>\n\n\n\n

html<\/p>\n\n\n

\n&lt;p>\u03b1\u00b2 + \u03b2\u00b2 = \u03b3\u00b2 \uff08\u52fe\u80a1\u5b9a\u7406\uff09&lt;\/p>\n&lt;p>\u0394x = \u03bb \/ 2 \uff08\u6ce2\u957f\u4e0e\u4f4d\u79fb\uff09&lt;\/p>\n&lt;p>\u2211_{i=1}^{n} x_i = 100&lt;\/p>\n<\/pre><\/div>\n\n\n
2. \u4f7f\u7528 HTML \u5b9e\u4f53\u540d\u79f0\uff08Entity Names\uff09\u6700\u7ecf\u5178\u7684\u65b9\u6cd5\uff0c\u517c\u5bb9\u6027\u6781\u597d\uff08\u5373\u4f7f IE6 \u4e5f\u80fd\u6b63\u786e\u663e\u793a\uff09\u3002<\/p>\n\n\n\n
\u5e0c\u814a\u5b57\u6bcd<\/th>\u5b9e\u4f53\u540d\u79f0\uff08\u63a8\u8350\uff09<\/th>\u5b9e\u4f53\u7f16\u53f7\uff08\u7b49\u6548\uff09<\/th><\/tr>
\u03b1<\/td>&alpha;<\/td>&#945;<\/td><\/tr>
\u03b2<\/td>&beta;<\/td>&#946;<\/td><\/tr>
\u03b3<\/td>&gamma;<\/td>&#947;<\/td><\/tr>
\u03b4<\/td>&delta;<\/td>&#948;<\/td><\/tr>
\u03b5<\/td>&epsilon;<\/td>&#949;<\/td><\/tr>
\u03b6<\/td>&zeta;<\/td>&#950;<\/td><\/tr>
\u03b7<\/td>&eta;<\/td>&#951;<\/td><\/tr>
\u03b8<\/td>&theta;<\/td>&#952;<\/td><\/tr>
\u03b9<\/td>&iota;<\/td>&#953;<\/td><\/tr>
\u03ba<\/td>&kappa;<\/td>&#954;<\/td><\/tr>
\u03bb<\/td>&lambda;<\/td>&#955;<\/td><\/tr>
\u03bc<\/td>&mu;<\/td>&#956;<\/td><\/tr>
\u03bd<\/td>&nu;<\/td>&#957;<\/td><\/tr>
\u03be<\/td>&xi;<\/td>&#958;<\/td><\/tr>
\u03bf<\/td>&omicron;<\/td>&#959;<\/td><\/tr>
\u03c0<\/td>&pi;<\/td>&#960;<\/td><\/tr>
\u03c1<\/td>&rho;<\/td>&#961;<\/td><\/tr>
\u03c3<\/td>&sigma;<\/td>&#963;<\/td><\/tr>
\u03c4<\/td>&tau;<\/td>&#964;<\/td><\/tr>
\u03c5<\/td>&upsilon;<\/td>&#965;<\/td><\/tr>
\u03c6<\/td>&phi;<\/td>&#966;<\/td><\/tr>
\u03c7<\/td>&chi;<\/td>&#967;<\/td><\/tr>
\u03c8<\/td>&psi;<\/td>&#968;<\/td><\/tr>
\u03c9<\/td>&omega;<\/td>&#969;<\/td><\/tr>
\u03a9<\/td>&Omega;<\/td>&#937;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\u793a\u4f8b\uff1a<\/p>\n\n\n\n
html<\/p>\n\n\n
\n&lt;p>\u03b1\u00b2 + \u03b2\u00b2 = \u03b3\u00b2&lt;\/p>\n&lt;!-- \u6216 -->\n&lt;p>&amp;alpha;&lt;sup>2&lt;\/sup> + &amp;beta;&lt;sup>2&lt;\/sup> = &amp;gamma;&lt;sup>2&lt;\/sup>&lt;\/p>\n<\/pre><\/div>\n\n\n
3. \u4f7f\u7528 MathML\uff08\u9002\u5408\u590d\u6742\u6570\u5b66\u516c\u5f0f\uff09\u5982\u679c\u7f51\u9875\u9700\u8981\u5c55\u793a\u5927\u91cf\u6570\u5b66\u516c\u5f0f\uff0c\u63a8\u8350\u4f7f\u7528 MathJax \u6216 KaTeX \u6e32\u67d3 LaTeX \u8bed\u6cd5\uff08\u6700\u4e13\u4e1a\u7684\u65b9\u5f0f\uff09\u3002\u793a\u4f8b\uff08\u4f7f\u7528 MathJax CDN\uff09\uff1a<\/p>\n\n\n\n
html<\/p>\n\n\n
\n&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n  &lt;script src="https:\/\/cdn.jsdelivr.net\/npm\/mathjax@3\/es5\/tex-mml-chtml.js">&lt;\/script>\n&lt;\/head>\n&lt;body>\n  &lt;p>\u52fe\u80a1\u5b9a\u7406\uff1a\\[ a^2 + b^2 = c^2 \\]&lt;\/p>\n  &lt;p>\u5e0c\u814a\u5b57\u6bcd\uff1a\\[ \\alpha, \\beta, \\gamma, \\Delta, \\pi, \\Omega \\]&lt;\/p>\n&lt;\/body>\n&lt;\/html>\n<\/pre><\/div>\n\n\n
\u4f7f\u7528 KaTeX\uff08\u66f4\u8f7b\u91cf\u3001\u901f\u5ea6\u66f4\u5feb\uff09\uff1a<\/p>\n\n\n\n
html<\/p>\n\n\n
\n&lt;link rel="stylesheet" href="https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.10\/dist\/katex.min.css">\n&lt;script defer src="https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.10\/dist\/katex.min.js">&lt;\/script>\n&lt;script defer src="https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.10\/dist\/contrib\/auto-render.min.js" onload="renderMathInElement(document.body);">&lt;\/script>\n<\/pre><\/div>\n\n\n
4. \u4f7f\u7528 CSS \u5b57\u4f53\uff08\u4e0d\u63a8\u8350\uff09<\/p>\n\n\n\n
css<\/p>\n\n\n
\n@font-face {\n  font-family: 'Symbol';\n  src: url('symbol.ttf');\n}\n.greek { font-family: Symbol, serif; }\n<\/pre><\/div>\n\n\n
html<\/p>\n\n\n
\n&lt;span class="greek">a b g&lt;\/span>  &lt;!-- \u663e\u793a\u4e3a \u03b1 \u03b2 \u03b3 -->\n<\/pre><\/div>\n\n\n
\u7f3a\u70b9\uff1a\u4f9d\u8d56\u5916\u90e8\u5b57\u4f53\uff0c\u517c\u5bb9\u6027\u5dee\uff0c\u4e0d\u63a8\u8350\u73b0\u4ee3\u5f00\u53d1\u3002\u63a8\u8350\u9009\u62e9\u603b\u7ed3<\/p>\n\n\n\n
\u573a\u666f<\/th>\u63a8\u8350\u65b9\u6cd5<\/th><\/tr>
\u7b80\u5355\u63d2\u5165\u51e0\u4e2a\u5e0c\u814a\u5b57\u6bcd<\/td>\u76f4\u63a5 Unicode \u6216\u5b9e\u4f53\u540d\u79f0<\/td><\/tr>
\u9700\u8981\u5927\u91cf\u6570\u5b66\u516c\u5f0f<\/td>MathJax \/ KaTeX + LaTeX<\/td><\/tr>
\u5fc5\u987b\u517c\u5bb9\u975e\u5e38\u8001\u65e7\u6d4f\u89c8\u5668<\/td>HTML \u5b9e\u4f53\u540d\u79f0<\/td><\/tr>
\u7eaf\u5c55\u793a\u3001\u4e0d\u9700\u8981\u4ea4\u4e92<\/td>\u76f4\u63a5\u7c98\u8d34 Unicode \u5b57\u7b26<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\u5e38\u7528\u5feb\u6377\u952e\uff08\u65b9\u4fbf\u8f93\u5165\uff09<\/p>\n\n\n\n