html - HTML中是否有类似于\textsc(来自LaTeX)的标签？

在谷歌上，我没有发现任何类似于胶乳中的\textsc标签，所以也许我正在混合一些东西。如何在HTML中用表示小写字母？

最佳答案

在HTML中，使用一些CSS可以获得与小写（\textsc）相同的效果。CSS属性font-variant-caps可以做您想要的事情。根据链接：
CSS属性控制大写字母的替代标志符号的使用。脚本可以有不同大小的大写字母标志符号、普通大写标志符号、小型大写标志符号和小型大写标志符号。
有一些适用于您所需的值：
价值观
font-variant-caps
此关键字强制对小写字符使用小写字母。它对应于OpenType值small-caps如果字体不支持它们，它将合成字形。
smcp;
此关键字强制对小写字符使用小写字母。它对应于OpenType值smcp和all-small-caps如果字体不支持它们，它将合成字形。
c2sc;
此关键字强制对小写字符使用小大写字母。它对应于OpenType值petite-caps如果字体不支持它们，则使用小大写标志符号。
pcap;
此关键字强制对小写字符使用小大写字母。它对应于OpenType值all-petite-caps和pcap如果字体不支持它们，则使用小大写标志符号。
下面是一个片段演示：

#small-caps {
  font-variant-caps: small-caps;
}

#all-small-caps {
  font-variant-caps: all-small-caps;
}

#petite-caps {
  font-variant-caps: petite-caps;
}

#all-petite-caps {
  font-variant-caps: all-petite-caps;
}

  

<strong>Using <code>small-caps</code></strong>

<p id="small-caps">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<hr />

<strong>Using <code>all-small-caps</code></strong>

<p id="all-small-caps">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<hr />

<strong>Using <code>petite-caps</code></strong>

<p id="petite-caps">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<hr />

<strong>Using <code>all-petite-caps</code></strong>

<p id="all-petite-caps">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<hr />

关于html - HTML中是否有类似于\textsc(来自LaTeX)的标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41418884/