创建自定义标签 html

Question

我想在 html 中创建自定义标签来做一些事情，比如有没有办法将 html 和 css div 转换为标签？

.me {
  width: 100px;
  height: 100px;
  background-color: red;
}

<div class="me"></div><br>
<p>Make the above div a "redbox" tag or something</p>

Answer 1

你可以这样：

redbox {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
}

<redbox></redbox>
<!-- OR -->
<redbox />

你可以像这样传递属性：

redbox {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
}

redbox[center] {
  margin: auto;
}

<redbox center/>

或

redbox {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
}

redbox[align="center"] {
  margin: auto;
}

<redbox align="center" />