属性中的字符被转换为 unicode答案

【问题标题】：Characters in attributes being converted to unicode属性中的字符被转换为 unicode
【发布时间】：2019-04-25 10:58:10
【问题描述】：

我正在使用部分的设置将 HTML 标记属性添加到 Gantry 5 布局中的部分。但是任何特殊字符都会在生成的 HTML 中呈现为 Unicode 十六进制字符代码。所以添加标签

data-0

到部分

g-mainbottom1

带有属性

background-position: 50% 100px

这个 div 的结果：

<section id="g-mainbottom1" data-0="background-position&#x3A;&#x20;50&#x25;&#x20;100px&#x3B;">

而不是想要的

<section id="g-mainbottom1" data-0="background-position: 50% 100px;">

假设我无法阻止转换行为，我可以对实际文本做些什么来防止这些字符被转换为 Unicode Hex 等效项吗？

【问题讨论】：

其实是一回事。我不知道为什么系统认为适合转义某些字符，但结果是一样的。
您可能会惊讶地发现 HTML 中的“A..Z”和其他文本也是 Unicode。

标签： unicode unicode-escapes

【解决方案1】：

我想你忘了在<head> 标签中使用<meta charset="UTF-8">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Free Web tutorials">
    <meta name="keywords" content="HTML,CSS,XML,JavaScript">
    <meta name="author" content="John Doe">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

元数据是关于数据的数据（信息）。

标签提供有关 HTML 文档的元数据。元数据不会显示在页面上，但可以被机器解析。

元元素通常用于指定页面描述、关键字、文档作者、上次修改时间和其他元数据。

元数据可供浏览器（如何显示内容或重新加载页面）、搜索引擎（关键字）或其他网络服务使用。

HTML5 引入了一种方法，让网页设计师通过标签控制视口（网页的用户可见区域）（参见下面的“设置视口”示例）。

参考https://www.w3schools.com/tags/tag_meta.asp

【讨论】：

<meta charset="UTF-8"> 确实在<head> 中。但是，浏览器似乎出于某种原因可以解释这一点，并且依赖这些属性的脚本似乎可以正常工作。所以这对我来说不再是问题了。仍然对它为什么以这种方式渲染感到有些困惑，但无论如何它都有效！