【问题标题】:HTML default elements vs. custom user-defined elementsHTML 默认元素与自定义用户定义元素
【发布时间】:2016-01-03 13:14:24
【问题描述】:

我了解元素默认分为块级元素和内联元素。换句话说,this post 中提到的元素,包括 body 元素,默认具有 CSS display:block 属性。而this post 中提到的元素默认具有 display:inline 属性。


问题是在组织文档结构时避免修改默认样式并坚持使用用户代理设置的样式是否是一种好习惯。此外,除了语义之外,是否有理由避免将元素(例如内联斜体元素)重新设置为完全自定义的元素?

【问题讨论】:

  • 您可以覆盖标签的默认样式,但您应该主要使用类来样式:不建议覆盖<div>(例如块-->内联)的默认样式,因为你不希望这个元素是一个内联元素。如果将test 类分配给一个div,并为.test 类设置内联样式,建议这样做。

标签: html


【解决方案1】:

最佳实践,随心所欲地遵循语义和风格。

语义赋予标记意义。风格让它看起来像你想要的那样。

【讨论】:

  • 是的,但是如果我遵循语义并重新设置整个元素的样式,例如我提到的斜体元素示例,如果我要将其完全重新设置为容器/块级元素 - 这不会很语义化。我想我正在寻找除了我们应该注意的语义之外的原因。
  • 设备从标记中获取信息,无论其样式如何。设置为 display: block<span> 仍会被读取为 span 元素,即使它明显显示为块元素。
猜你喜欢
  • 2021-10-02
  • 1970-01-01
  • 2017-06-02
  • 2019-12-11
  • 2011-12-19
  • 2014-09-20
  • 2021-12-09
  • 1970-01-01
  • 2019-04-04
相关资源
最近更新 更多