通过HTML属性添加内容

Question

如果我有HTML代码：

<center></center>

但我希望它看起来像这样：

<center>Hello, world!</center>

但是我不想那样编码，而是想做类似的事情：

<center value="Hello, world!"></center>

我该怎么做？

另外，我可以将此属性用于所有HTML标记吗？如：

<p></p>
<h1></h1>
<li></li>

等...

Answer 1

"So for example: If i create a table that is blank, i can go into CSS and add default content to each table item such as "THIS SLOT IS BLANK" or something of the likes." - 这是可能的：

table td:empty::before {
    content: "Empty cell";
}

Demo。这将填写所有空表格单元格中的文本Empty cell。

但这确实有其局限性。例如，您无法对CSS生成的内容执行常规操作（如选择，复制等），:empty伪类是not supported in IE8 and lower。< / p>

如果要将属性的值插入为文本，可以通过相同的content规则执行此操作：

table td:empty::before {
    content: attr(data-value);
}

我在那里使用了data-value属性，因为td元素没有名为value的HTML属性。看起来like this