如何通过从头开始工作来简化体内的代码

Question

这方面的新知识，请与我联系。

我已经开始享受HTML代码做离线文档的乐趣。我刚刚发现，通过添加以下内容，我可以很容易地在头部更改字体：

<style type=text/css>
mkf { font-family:'Courier'; color:red; }
</style>

然后，当我去添加代码时，每次我想通过添加红色来更改选定单词组的字体时，我只需要键入

<mkf>words here</mkf>

太棒了！它为我节省了很多时间。但后来我想知道，如果我想在一个单词上添加一个链接会怎么样。例如，与其键入所有这些：

<a href="to_do_list.pdf"><mkf>Example1</mkf></a>

我可以简单地解析我在之间输入的任何文本

<linkandfont>Example1</linkandfont>,

这将基本上创建到文件"的链接；to_do_list.pdf"；。

我试着为它找一个名字或术语，这样我就可以学习更多，但我还没有找到。

谢谢。

Answer 1

为什么不使用类？这些都实现了同样的目的。例如

<style>
.mkf {
font-family:'Courier';
color:red;
}
</style>
<div class="mkf">test</div>

然而，为了正确回答你的问题，你想要的在HTML5和CSS3中是绝对可能的。我在我的某些项目中使用过这样的方法(只知道这并不完全是Kocher或传统的(。

mkf {
font-family:'Courier';
color:red;
}

<mkf>this is working</mkf>

至于使<linkToSomething>Click Here</linkToSomething>不那么容易。你肯定需要JavaScript等来处理所有这些。仅靠CSS和HTML是无法实现的。

Answer 2

您不能。在HTML中创建链接的唯一方法是键入<a href="URL">description</a>。您也可以使用JavaScript来缩短，但这不是HTML。

您更改head中颜色的方式是样式或CSS的一部分，因此您可以像<a class='redlink' href='..那样给class到a标记，并像使用mkf:.redlink {color:red}那样在head中定义该类，或者如果您希望所有链接都是红色的，则可以在head样式中给a颜色：a {color:red;}

通过键入<mkf>在正文中，我猜您创建的自定义标记不是标准HTML标记的一部分，更合适的方法是使用class作为标准标记，如div或p。