【问题标题】:HTML: text, headlines, sublinesHTML:文本、标题、副线
【发布时间】:2012-04-13 08:10:35
【问题描述】:

我有一些关于 html 样式的问题

目前我使用以下样式:

<h2>Headline</h2>
<h4>Subline</h4>
<p>text
tzext
text
text
</p>

是否有一个只定义文本的推荐 html 标签,我可以自己定义标题,不知何故像这样:

<text class="headline">Headline</text>
<text class="subline">Subline</text>
<text>
....
.....
</text>

这不是更好的风格吗?

你是怎么做到的?

问候

【问题讨论】:

  • 第一个更好,语义更好
  • 您必须使用 CSS 来执行此操作。没有html标签,但我对html 5了解不多。也许这样你就可以做你想要的。

标签: html css tags


【解决方案1】:

标题使用&lt;h1&gt; through &lt;h6&gt;。你真的不应该对标题使用其他任何东西,因为这些标签是专门为这个任务而存在的,如果你在一个页面上有多组标题,你应该将它们分组到 &lt;hgroup&gt;&lt;header&gt; 标签中。

请记住,您的代码必须是语义化的,并且有意义。当屏幕阅读器浏览您的网站时,他们需要了解重要标题的位置。如果每个人都只使用通用标签,那么可访问性就不可能理解您的页面。搜索引擎和任何其他形式的数据程序化消费也是如此。

【讨论】:

  • 嗨,目前我在标题中使用类似这样的内容:

    这是合法的吗?
  • 这还不错。虽然除非绝对必要,否则我个人可能不会在其中放置图像标签。
  • 你是如何实现这个标志的?
  • @dev.pus 没有看到您的页面并且不知道图像的重要性,我无法回答。
  • @dev.pus "
    元素应该用作介绍性内容或导航链接集的容器。"您可以将徽标放在它周围的另一个 div 中,但正如 Jonathan 所说,将您的徽标(img)放入
    区域
    并不是最佳选择
【解决方案2】:

使用 h1/2/3/4 标签是最好的方法。你也可以像这样给 h1 一个类:

<h1 class="yourclass"> 

然后您可以通过选择您的 h1 类在您的 css 中选择特定的 h1

.youclass{your css}

,或者你可以在css中选择页面上的所有h1,只需键入

h1{ your css here}.

【讨论】:

    【解决方案3】:

    在 html 5 中,您为页眉、页脚和段落添加了新的 html 元素……还有更酷的功能。你应该检查一下..这也有助于语义......

    【讨论】:

      【解决方案4】:

      来自the CSS specification

      注意。 CSS 为“class”属性提供了如此强大的功能,以至于作者可以根据几乎没有相关表示的元素(例如 HTML 中的 DIV 和 SPAN)设计自己的“文档语言”,并通过“class”属性分配样式信息.作者应该避免这种做法,因为文档语言的结构元素通常具有公认和接受的含义,而作者定义的类可能没有。

      除了外观之外,网页还有更多内容。人们使用屏幕阅读器访问它们。搜索引擎将它们编入索引。自动为它们生成目录。等等

      所以没有。数百个&lt;text&gt; 元素不会是更好的样式。

      你原来的例子也不是很好。您没有&lt;h3&gt;(我假设&lt;h1&gt; 出现在代码段之前)。不要跳过标题级别。

      如果 &lt;h4&gt; 应该是标题的副标题(而不是其中的小节的开头),那么您也应该考虑使用 &lt;hgroup&gt;

      【讨论】:

        【解决方案5】:

        如果你使用 CSS 会更好,因为它减少了 HTML 文件所需的行数。那里 有很多类型

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2020-07-23
          • 1970-01-01
          相关资源
          最近更新 更多