<span> / <div> CSS的简写-这是合法的吗？

如何解决<span> / <div> CSS的简写-这是合法的吗？

| 如果我创建一个HTML元素：

sc {
    font-variant: small-caps;
}

并像这样应用它：

I want to display <sc>this text</sc> in small-caps.

它可以按预期工作（当然，在IE中除外）。

.sc {
    font-variant: small-caps;
}

I want to display <span class=\'sc\'>this text</span> in small-caps.

这是预期/记录的行为吗？有名字吗？

解决方法

XHTML（和它所基于的XML）旨在让您以类似的方式添加自定义元素，但是可以使用带有元素名称的自定义XML名称空间。然后，您可以使用CSS直接设置这些元素的样式，也可以使用XSLT将其转换为真实的HTML元素。这就是为什么（或至少有一个原因）符合标准的浏览器可以处理DOM中的其他非标准元素。在HTML 4和更早的版本中，在上面撒上自己的非标准元素总是无效的（不确定HTML5的可扩展性）。无论哪种方式，IE都不会自动知道DOM中的自定义元素，因此您需要使用use4ѭ来创建它们，直到DOM完成加载。 , 如果您添加document.createElement(\'sc\');，它也可以在IE中使用，并且它是\“ legit \”。这就是HTML5 shiv的功能。与大多数javascript函数不同，它必须在元素的实际使用之前而不是在页面/ DOM加载之后调用。 , 虽然它可以工作，但是除非您使用XHTML（真正的XHTML，具有正确的Content-Type以及所有...对XHTML都无害）和名称空间，否则它是无效的：

<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<!DOCTYPE html 
      PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
      \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
  <head>
    <title>&lt;span&gt; shorthand for css - is this legit?</title>
  </head>
  <body>

    <h1>Custom tags in XHTML</h1>

    I want to display
    <sc xmlns=\"http://le-dorfier.example.com\">
      this text
    </sc>
    in small-caps.

  </body>
</html>

有关更多信息，请查看MDN文档上的“命名空间崩溃课程”。 , 假设，如果您未指定HTML doc类型，而是将文档视为XML文档，则可以在其上附加样式表以定义所需标签的视觉行为。有关更多信息，请参见http://csszengarden.com/。本质上，您可能会在裸露的XML文档上附加CSS样式表，并按照您认为合适的方式进行布局。 , 无法识别的元素将被处理，并且将在所有现代浏览器中运行。但是，它应该显示为无效标记。在旧版本的ie中，您无法设置无法识别的元素的样式-尽管您可以在JavaScript中执行do7ѭ。

<span> / <div> CSS的简写-这是合法的吗？

如何解决<span> / <div> CSS的简写-这是合法的吗？

解决方法

相关推荐