Question

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

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

其中“website”是实际的网站地址，“reference”是一个数字，它取决于此类型的每个条目（而网站地址始终相同）。在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>" );
});

因此，该脚本将查找您的所有自定义＆＃34; doi＆＃34;标签，并用带有动态参考的带有标签的+标签+链接替换它们。

带参数的css命令

1 个答案: