代码之家  ›  专栏  ›  技术社区  ›  Joe Pigott K4ll-of-D00ty

如何将html实体用作文本

  •  0
  • Joe Pigott K4ll-of-D00ty  · 技术社区  · 12 年前

    我正在为我的网站制作一个开发人员页面,我有一个按钮的HTML代码,可以放在他们自己的网站上。但要复制的代码中有一个实体,我需要该实体以文本形式出现。有人能帮忙吗?

    HTML格式:

    <button id="b">0</button><div id='votes'>⇐</div>
    

    附言:HTML实体是 &Leftarrow

    3 回复  |  直到 12 年前
        1
  •  2
  •   Jukka K. Korpela    12 年前

    如果你想要文本

    <按钮id=“b”>0</按钮>&书信电报;div id=“投票”>&向左箭头</分区>

    要出现在页面上,就像它看起来的那样,把它写为

    &lt;button id="b"&gt;0&lt;/button&gt;&lt;div id='votes'&gt;&amp;Leftarrow;&lt;/div&gt;
    

    也就是说,问题中的代码,但与号 & 之前 Leftarrow 以身份逃脱 &amp; ,按照正常的HTML规则。

    然而,字符引用 &Leftarrow; 是HTML5中的一个新增功能,不受旧浏览器的支持。使用它而不是HTML 4实体引用是毫无意义的风险 &lArr; ,得到了相当广泛的支持。或者,您可以输入字符本身,前提是开发人员应该知道如何使用UTF-8属性。

    实体 &Arrowleft 问题中提到的不属于任何HTML版本。箭头的实体/字符引用的名称非常令人困惑(谁能猜到呢 &LeftArrow; &leftarrow; 是一样的,但不同于 &向左箭头; ?), 这是使用字符本身或类似数字引用的另一个原因 &#x21d0; .

    注意,独立于这些符号问题,字符是有限的 font support 。如果你只以类似图标的方式使用它,使用图像 alt 文本,可能是一个更安全的选择。

        2
  •  0
  •   federico-t    12 年前

    使用此图表 http://dev.w3.org/html5/html-author/charref 并将HTML实体替换为它们对应的实体引用。所以如果你有 < 使用 &lt; 相反,例如。

        3
  •  0
  •   bfavaretto    12 年前

    使用此标记:

    <button id="b">0</button><div id='votes'>&leftarrow;</div>
    

    如果你正在将其发布到某种CMS中,并且它正在更改你的代码,请尝试将所有内容打包 <pre></pre> .