自定义标签在 ie8 中不起作用

Question

我尝试制作自定义标签，以便用户可以输入在呈现为 HTML 时显示红色或粗体等内容的文本，例如，

<rb>text here becomes red and bold</rb> and goes to default here

这会在带有“note”类的 div 中呈现，并且我设置了以下 css

.note rb
{
    color:Red;
    font-weight:bold;
}

它在 ie9 中工作， chrome、firefox，但在 ie8 中不起作用。我怎样才能让它在那里工作？

Answer 1

如果您不介意一点 javascript：

<!--[if lt IE 9]>
<script>
document.createElement("rb");
</script>
<![endif]-->

如果您想添加多个元素/标签，您可以：

<!--[if lt IE 9]>
<script>
// bold, italic, underlined, striked
els = ['rb', 'ri', 'ru', 'rs'];
for(i = 0; i < els.length; i++) {
    document.createElement(els[i]);
    }
</script>
<![endif]-->

更新

看起来定义自定义元素的能力正在开发中 (W3C 工作草案 2013 年 6 月 6 日)

使用此的一些项目：

• Google 的 Polymer
• Mozilla 的 X-Tags
• Mozilla 的 Brick

另请参阅：

• Brick 简介：最小标记用于加快应用开发速度的 Web 组件（2013 年 8 月 27 日）
• 自定义元素：在 HTML 中定义新元素（2013 年 8 月 28 日）
• 自定义元素：现代 Web 应用程序的 Web 组件库

Answer 2

为了取悦高级浏览器（IE8 及更早版本），我会选择类似的内容：

HTML:

<span class="RB">text here becomes red and bold</span> and goes to default here

CSS:

.RB {color:Red; font-weight:bold; }

这针对所有 RB 类。因此，您只需将所有内容包装在

中