如何通过 head 来简化 body 中的代码？

Question

新手，请与我裸露。

我已经开始享受使用 HTML 代码处理脱机文档的乐趣。我刚刚发现我可以很容易地改变我的字体，在头部，通过添加这个：

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

然后，当我向中添加代码时，每次我想更改 select 组单词的字体并添加红色时，我只需要键入

<mkf>words here</mkf>

太棒了！它为我节省了很多时间。但后来我想知道，如果我想在单词中添加一个 link 怎么办？例如，不用输入所有这些：

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

我将能够简单地解析我输入的任何文本，比方说，

<linkandfont>Example1</linkandfont>,

这基本上会为文件“to_do_list.pdf”创建一个 link。

我试图为这个找到一个名称或术语，以便我可以学习和了解更多，但我还没有找到它。

谢谢。

Answer 1

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

你改变头部颜色的方式是样式或 CSS 的一部分，所以你可以给 class 到 a 标签，比如 <a class='redlink' href='.. 并定义它class in head 就像你对 mkf 所做的那样：.redlink {color:red} 或者如果你希望你所有的 link 都是红色的，那么你可以在头部样式中给 a 颜色：a {color:red;}

通过在 body 中输入我猜你创建了不属于标准 HTML 标签的自定义标签，更正确的方法是将 class 用于标准标签，如 [=18] =] 或 p.

Answer 2

为什么不使用类？这些实现了同样的事情。例如;

<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 是无法实现的。

如何通过 head 来简化 body 中的代码？

How can I simplify code in the body by working through the head?

html

css

alias

head

simplify