以下代码示例有什么区别?我很感激一些关于在哪里以及如何使用它们的例子。我知道肯定有一些不同...
<b>
和+ /和- <strong>
<i>
_<em>
<center>
<b>
<strong>
<h1>
<h6>
我也想知道是否有“替代方案” <u>
...
以下代码示例有什么区别?我很感激一些关于在哪里以及如何使用它们的例子。我知道肯定有一些不同...
<b>
和+ /和- <strong>
<i>
_<em>
<center>
<b>
<strong>
<h1>
<h6>
我也想知道是否有“替代方案” <u>
...
不鼓励使用<b>
,<i>
和<center>
,因为它们不会给文档的结构增加任何意义。它们的表现效果可以用 CSS 重新创建。
<strong>
并且<em>
显然更具语义性,因为它们的名称暗示了强调的概念。请注意,默认情况下浏览器将呈现<strong>
为粗体和<em>
斜体,但这也可以通过 CSS 进行更改,因此它们不是<b>
和的同义词<i>
。
至于<h1>
- <h6>
,它们代表六个不同级别的标题,并用于给内容一些层次结构。因此,它们在语义上也很重要。
下面是如何<u>
用 CSS 替换(例如,在所有带有 class 的元素上underline
):
.underline { text-decoration: underline; }
摘自以下链接:
i - 严格来说是一个表现元素。如果您希望文本为斜体并且没有任何真正的语义含义,则将其包装在 i 标签中。
b - 严格来说是一个表现元素。如果您希望文本是粗体并且没有任何真正的语义含义,则将其包装在 b 标签中。
em - 严格来说是一个结构元素。如果您希望使用语音阅读器强调文本,请将其包装在 em 标签中。
strong - 严格来说是一个结构元素。如果您希望使用语音阅读器强调重点朗读文本,则将其包装在强标签中。
标题标签用于标题/标题。<h1>
to的区别<h6>
是标题的“重量”。<h1>
很多人说,对于 SEO,最好每页只有一个来显示页面的内容。
从布局的角度来看,两者都是一样的<em>
,<strong>
但它们不会向文档添加语义。它们在 HTML5 中也已弃用,您不应再使用它们。他们带来的所有风格都可以用 CSS 来实现,而他们缺乏语义的所有东西都被<em>
和覆盖<strong>
。
很久以前就被弃用了(使用 XHTML1?),你应该使用这样的东西:
<span style="text-decoration: underline;">underline text</span>
由于 a<span>
是“语义中立的”,它不会为内容增加任何价值。