Javascript 最小化HTML代码

例如，我有：

<a style="font-family: Verdana; font-size:20pt; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);">My Brand</a> 

我的品牌

我不想每次我想用它的时候都复制粘贴它。 我知道我可以为它创建一个类，但我想要像我自己的标记这样的东西：

</brandtext>

每次我把标签放在上面，我都希望它像上面的品牌文字一样。

---

有办法吗？

是的，这是可能的，有多种方法：

• 将自定义元素与
• 在框架中使用JavaScript，例如：
  • :
  • :
  • :

---

常见的惯例是创建CSS类：

.brandtext{
font-family: Verdana; 
font-size:20pt; 
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

然后在HTML中引用它

<a class="brandtext">My Brand</a>

HTML

<a>My Brand</a>

我的品牌

---

如果你真的想潜心制作自定义组件，那么深入研究webcomponents可能是一本有趣的书，但看起来这可能会有点过分。
寻找模板引擎或静态站点生成器。拼写错误为什么不创建一个类？这就是它们的用途。你可以在你的html中添加一些css，把它添加到你的代码中，{字体系列：Verdana；字体大小：20pt；文本阴影：2px2px2pRGBA（150，150，150，1）；}你可以，但不是那么简单-

<a>My Brand</a>