如何通过头部工作来简化正文中的代码？

问题描述

刚接触这个，请不要打扰我。

我已经开始享受 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”的链接。

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

谢谢。

解决方法

你为什么不使用类？这些都达到了同样的目的。例如;

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

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

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

通过在正文中输入我猜你创建了不属于标准 HTML 标签的自定义标签，更正确的方法是将 class 用于标准标签，如 div 或 {{1 }}。

alias head head head html simplify