html - 我可以使用自定义元素和属性作为有效的 HTML 吗？

Question

我可以在(例如)IE 9 上使用这个(自定义元素、自定义属性)和这个 CSS 吗？这有效吗？有什么负面影响？

我想要更易读的代码...没有 div。

HTML

<row center>
  <column number="6">A</column>
</row>

CSS/更少

row {
  background: #444;
  display: flex;

  &[center] {
    justify-content: center;
  }

  column {
    background: #222;
    color: #fff;

    &[number="6"] {
      padding: 1rem;
      width: 50%;
    }
  }
}

Answer 1

反对自定义元素的案例已由其他答案提出。作为这个想法的替代方案，HTML 5 has a number of new elements .这些包括 <article> , <aside> , <figure> , <header> , <nav> , 和 <section> .使用这些元素应该使您的页面布局在语义上有意义，让您免于在 <div> 的海洋中感到困惑和 <span>元素，并被现代浏览器理解。