javascript - 如何创建一个新的 html/javascript 可识别的网络字符符号?

标签 javascript html character symbols

我在这里检查了很多问题,但没有一个是我的答案。如果您能指引我走上正确的道路,我将不胜感激。

我喜欢制作一个新符号(不是字体或与任何字母表相关),例如创建一种可以在浏览器中以 html 或 javascript 代码形式识别或翻译的新语言字母表。

换句话说,为多个字符分配单个自定义字符。(例如 1 ch 转换为 5 ch)

我假设我需要先制作字体,然后再分配该字符。您建议使用哪些程序或最佳方法是什么?

编辑: 一个更好的例子: 创建一个像 ¢(分)这样的新字符,它有实体名称 --> & c e n t;和实体编号 --> & # 1 6 2;

编辑 2:谢谢大家的回复。我正在尝试检查您的链接和建议。据我所知,可能存在浏览器兼容性问题。那么如何在服务器上保存的文本文件中创建新符号,当用户查看该文件时,javascript 将这些符号转换为单词或其他标准字符呢?

Edit3:抱歉让大家感到困惑,你们都很棒。这个例子可能会清楚一些。

创建一个分配给“AB”的新符号。那么一个字符翻译成两个字符?

编辑4: 这是基于 Jared 的回答。这确实适用于 Z 和 P。现在我应该如何将自定义字体添加到此文件(用我自己的替换 Z 和 P)? 假设 Z 和 P 是我定制的符号

 <!DOCTYPE html
 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
 [
  <!ENTITY Z "AB">
 <!ENTITY P "DE">
   ...

  ]>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<title>Extending XHTML - Example 1</title>
 </head>
  <body>
   <p>My symbols are &Z; and &P;</p>
  </body>
</html>

最佳答案

这可能是您的一个选择,我不太确定。几乎,如果您使用 XHTML 和/或 XLST,您可能会在自定义字符中实现您正在寻找的内容。例如:

<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
[
  <!ENTITY mailto "mailto:">
  <!ENTITY username "gabriel">
  <!ENTITY arobase "@">
  <!ENTITY hostname "gabsoftware">
  <!ENTITY tld ".com">
  <!ENTITY email "&username;&arobase;&hostname;&tld;">
]>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Extending XHTML - Example 1</title>
  </head>
  <body>
    <p>My email is &email;</p>
  </body>
</html>

http://jfcoder.com/test/entities.xhtml

您会看到 SGML ENTITY 元素,顺便说一句,我相信 HTML5 不再属于它。您是否可以在这些实体中嵌入图像或通过 XLST 转换来实现您的目标我还没有弄清楚。

有关更多示例和选项,请参阅此页面:

Extending XHTML with XML, XSLT, entities, CDATA sections and JavaScript

关于javascript - 如何创建一个新的 html/javascript 可识别的网络字符符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11059803/

相关文章:

c - 空格、特殊字符和转义序列

JavaScript 客户端宽度 : why is this returning undefined?

javascript - 使用 "onsubmit"时如何调用 "javascript:document.forms[0].submit()"?

javascript - 锁定浏览器

javascript - 使用 AngularJS ng-bind-html 从 json 数据获取 img src

javascript - 关于 Bootstrap 2 和 jQuery 1.7.2 的困惑

css - 具有 bootstrap-4 种不同盒子高度的响应式盒子网格

javascript - 在 Nginx 代理后面刷新页面后,我的 Angular 6 路由返回 404

javascript - 更改 CSS 中的制表符空格长度

regex - 在 R 中将字符转换为 lowerCamelCase