美文网首页
【html学习笔记30】-字符集

【html学习笔记30】-字符集

作者: 兔小小 | 来源:发表于2023-09-15 23:40 被阅读0次

要正确显示 HTML 页面,Web 浏览器必须知道页面中使用的字符集。UTF-8 几乎涵盖了世界上所有的字符和符号。

这在要标记中指定:<meta>

<meta charset="UTF-8">

许多 UTF-8 字符无法在键盘上键入, 但它们始终可以使用数字(称为实体编号)显示:

  • A 是 65
  • B 是 66
  • C 为 67
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>

要让浏览器了解您正在显示一个字符,您必须启动实体编号 用 &# 结尾;(分号)。

表情符号也是 UTF-8 字母表中的字符:

  • 😄 是128516
  • 😍 是128525
  • 💗 是128151
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>

HTML 表情符号参考

除了UTF-8还有其他的字符集:

上表列举了一部分字符集的区别,详细查看:

HTML 字符集 (w3schools.com)

相关文章

  • Html 梳理

    Html 学习笔记 基本标签, 重点标签: , 几个mate标签的意思 字符集 html,css,js 的定位 ...

  • Html入门

    html标准骨架 文档声明头 HTML DTD约束文件 HTML字符集(重要) 中文能够使用的字符集 meta的作...

  • html5

    此文章是看 mdn 文档写的笔记 · 语义 声明使用 声明字符集 区块和段落元素(...

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之音视频标签

    HTML5学习笔记之音视频标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记...

  • web前端试题集

    1. 新的HTML5文档类型和字符集是? HTML5文档类型:;字符集:UTF-8...

  • html

    html学习笔记

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

网友评论

      本文标题:【html学习笔记30】-字符集

      本文链接:https://www.haomeiwen.com/subject/jyubvdtx.html