html - 在 HTML 中使用 Unicode 文字安全吗?

标签 html unicode

我正在做一个应用,我想添加一个“HOME”按钮。

在尝试各种图标库之后,我偶然发现了这个网站,

http://graphemica.com/%F0%9F%8F%A0 , 有了这个

🏠

一个 unicode 符号,它更像是一个字母而不是一个图像。

我将它粘贴到我的 HTML 中,它运行良好TM

不过,这一切似乎都太容易了。是否广泛支持 unicode 符号?他们是否存在某种问题导致人们转而使用图标库?

最佳答案

这取决于你所说的“安全”是什么意思。

用户应该有字体,所以你必须包括相关字体,并以各种格式:目前还没有一种格式被大多数使用的网络浏览器识别。

此外,多种颜色的字体不能被各种系统完全理解,所以你应该关心你对用户的期望(点击、选择、复制等)。

此外,每种字体都有自己的设计,因此在不同的字体(如浏览器和操作系统)之间,外观可能会有所不同。我们还没有“Helvetica 'Home'”、“Times New Roman 'Home'”。

所有这些问题,都可以通过使用带有单色字形的网络字体来解决(但如果它包含所有 Unicode 代码点(+通常的组合),它可能会很大)。

好像最近的各种浏览器如果有很多不同的字形就会崩溃,但通常这应该不是问题。

我还推荐 aria 东西,这样你的页面也可以被使用,例如阅读器(和盲文屏幕)。

注意:从好的方面来说,如果有人仍然关心这个用例,少数使用文本浏览器的人可以更好地看到 HOME(不是图像的情况)。

关于html - 在 HTML 中使用 Unicode 文字安全吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50060385/

相关文章:

jquery - 向 jQuery .toggle() 方法添加 HTML5 隐藏属性支持

c# - 标签中未显示 Unicode 特殊字符

php - 如何在没有 mbstring 扩展名的情况下处理 PHP 中的 unicode

python - Python 文件中的 Unicode 解码错误

javascript - <video> 标签让我的按钮不可见

javascript - 使用 PHP 和 JQuery 的响应式条件链接/按钮

html - 具有填充内容(高度)的CSS布局

html - Bootstrap : navbar-fixed-top creates dropdowns that aren't scrollable when exceeding height of screen

c# - FileUpload 服务器控件和 unicode 字符

Android 键盘输出 unicode 字符串和带有不支持字形的标签