html - 带参数的 css 命令

Question

在我维护的网站上，我有很多代码行，如下所示:

<strong>doi</strong>
<a href="http://website/reference/" target="_blank">reference</a>

其中“网站”是一个实际的网站地址，“引用”是一个数字，它取决于此类的每个条目(而网站地址始终相同)。在 html/ccs 中；是否可以创建一个命令，让我们称之为 doi 这样我就不会总是写上面的两行，而是等价地写

<doi>reference</doi>

Answer 1

不，仅使用 html/css 是不可能的，但可以使用 javascript/jquery 或 javascript 框架，如 angularjs。

这是一个使用 jquery 的例子: https://jsfiddle.net/partypete25/31dzyjgL/

<!-- HTML -->
<doi>121</doi>

<!-- JavaScript -->
$("doi").each(function(){
    var ref = $(this).text();
    $(this).replaceWith( "<strong>doi</strong><a href='http://website/"+ref+"/' target='_blank'>reference</a>" );
});

因此脚本将查找您所有的自定义“doi”标签，并将它们替换为充实的标签+带有动态引用的链接。