自定义标签在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 Working Draft 6 June 2013)

一些使用它的项目:

• 谷歌的聚合物
• Mozilla的X-Tags
• Mozilla的砖块

也可以看看:

• 介绍Brick:用于加速应用程序开发的最小标记Web组件(2013年8月27日)
• 自定义元素:在HTML中定义新元素(2013年8月28日)
• 自定义元素:用于现代Web应用程序的Web组件库