标签: semantic-markup

我正在制作一个小型网络聊天工具,正在寻找有关用于消息的元素的建议.

以下是我正在考虑使用的内容:

<p id="message-1">
    <span class="timestamp" id="2009-03-10T12:04:01+00:00">
        12:04
    </span>
    <cite class="admin">
        Ross
    </cite> 
    Lorem ipsum dolor sit amet.
</p>

我在这里利用CSS在时间戳周围添加括号,cited用户的图标等等.我认为blockquote对每条消息使用a会很愚蠢(而且不正确),尽管我认为这是cite正确的,因为它指的是用户发布了消息.

我知道这不是a)一门精确的科学和b)完全必要但我宁愿使用有意义的元素而不是span整个.我还应该考虑其他任何因素吗？任何微格式？

是否有必要<th>在任何表格中？即使表没有标题？

表有3个其他标签<thead> <tbody> <tfoot>是否有必要使用所有即使我没有任何表页脚.Firefox默认在代码中添加所有这些.

并且它是必要的,<th>总是应该在一个<thead>

如果我在客户收到的内容中有标题,并且标题来自表外但与表有关,那么我应该如何将该标题放在表中

如上表所示

<h3>Heading of table<h3>
<table>......</table>

作为表格的标题

<table>
<thead><tr rowspan=3><th>Heading of table</th></tr></thead>

或作为表格的标题

<table>
<caption> Heading of table</caption>

哪个对屏幕阅读器有好处并且语义正确？

假设您有类似电视节目列表的内容,您有节目标题和节目描述.您希望残疾人也可以访问该列表.

使用定义列表会更有意义吗:

<dl>
    <dt>...title...</dt><dd>...description...</dd>
    ...
</dl>

还是带有标题的无序列表？

<ul>
    <li><h3>...title...</h3><p>...description...</p></li>
    ...
</ul>

哪个更具语义感,对屏幕阅读器的反应更好？(知道他们都可以用同样的方式设置)

我可以使用HTML时间标签吗？

<time>9:09 PM</time>

我的困惑在于"PM",我是否可以像这样指定它或者时间仅用于显示24小时时钟.

我经常遇到网页,而不是使用单独的 <div>元素来添加特定样式,而是使用<p>标记.

我有兴趣知道:

1. 这是添加样式的语义上正确的方法 - 使用<p>标记还是<div>标记？
2. 什么是优势利用的<p>标签？它与继承有什么关系吗？

所以这似乎是一个非常简单的问题，但我无法理解。我有以下 HTML：

<h2>word 1 - <strong> word 2 </strong></h2>

我知道这在语义上是不正确的，我不应该有一个strong内部标题，但由于设计要求，我需要加粗第二个词而不是第一个。

我试图确保这些文本仍然可以访问，但是当我使用屏幕阅读器时，它给了我奇怪的读数。我猜这是因为<strong>标签内的<h2>标签。

有谁知道更好的方法来做到这一点？我错过了什么吗？

编辑：抱歉，您说得对，“奇怪的读数”并没有说太多。当我将鼠标悬停在标题上时，它会显示单词 1，而我必须将鼠标悬停在单词 2 上才能将其显示在阅读器中，所需的行为是：悬停标题并阅读单词 1 和 2。

编辑 2：使用<span>和<b>标签产生相同的行为

我在MDN、一本书等地方阅读了语法和使用，但无法实现标签的实用价值。也许是搜索引擎？

我开始在一家使用 REACT 的公司工作，我注意到 HTML 输出中有大量不必要的 div。开发人员告诉我 REACT 是必要的，但我发现很难相信现代框架/库/工具会迫使我们采用不良的 HTML 实践。但是，我似乎无法在网上找到有关此问题的任何文章或参考资料。真的有必要把所有东西都包装成一个 div 吗？为什么我们不能包装成语义正确的元素，比如 ap 标签或导航等？最后，这是否被开发社区普遍接受？

许多新闻网站在每个文章标题之前都有一个“标题前”（如下面的《卫报》和《金融时报》的截图所示）。有时，这是指向文章的类别/标签/列的链接，而其他时候，它只是为标题提供上下文的静态显微镜。记者经常称其为“踢球者”。

目前，我只是使用a div.kicker进行标记，但是还有更合适的语义元素可以使用吗？

<header>
    <div class="kicker">Science</div>
    <h3>New frontier as astronomers witness neutron stars colliding</h2>
</header>

我正在尝试确定用于标题（书籍、电影、歌曲等）的 HTML 的最佳实践。我想弄清楚 an<em>是正确的，还是斜体的<span>，还是其他的。<em>根据 HTML 规范或惯例，使用标签/元素作为标题在语义上是否正确？

例如，这里是一本书的书评摘录：“Reaching & Teaching Them All”，我想知道如何标记书名本身：

“与学生的初次会面是给人留下良好第一印象的关键，并提供让孩子放心的重要机会。通过在早期接触中精心安排您与学生的关系，您可以创造一个更好的学习环境，这将有助于鼓励倾听和学习。接触和教学他们都提出了获得和保持学生注意力和兴趣的各种方法，包括讲故事、玩游戏、拥抱肢体语言以及使用幽默和讽刺。”