semantic-markup 相关问题

对于与内容分离和语义标签表示相关的问题,使用[rdfa],[json],[microdata]或[microformats]将结构化元数据嵌入到HTML标记中。最常见和最重要的语义元素有四类:文档结构,文本含义,媒体类型和相关标签。语义标记正在考虑选择标签,这些标签传达关于标签标记的信息。

使用 <details> 作为开关按钮是否道德?

最近我开始使用,它让我意识到它可以用来代替无状态开关中的组件,而无需准备... 最近我开始使用 <details>,它让我意识到它可以用来代替无状态开关中的 <button type="button"> 组件,而不需要提供 onClick() 回调(因此不需要对 JavaScript 的依赖)。此外,因为我使用 reactjs 我必须在某个地方引入状态来控制所述按钮的开/关状态,如果在同一上下文中有多个按钮,这有点烦人。如果需要从状态中导出,那么我可以从中导出HTMLDetailsElement.open的值。 但在我开始使用 <details> 制作派生组件之前,其样式与我的项目中的通用按钮相同,从语义角度来看,这是正确的做法吗? 对我来说,<summary>和可切换组件被视为不同的实体,但<summary>对其非<details>子组件非常宽容(事实上,它与<summary>具有相同的权限)。没有帮助,这是我所知道的唯一允许内置开关而不破坏文档整体语义的方法,不像 <div> hack . 是的,有道德,但效率不高。

回答 1 投票 0

为什么<main>没有定义<header>和<footer>的范围?

在浏览 HTML 标准对分段内容的定义时,它说这些元素定义了 和 的范围,并且它们只能是 ... 在浏览HTML标准对分段内容的定义时,它说这些元素定义了<header>和<footer>的范围,并且它们只能是<article>、<aside>、<nav> 和 <section>。 现在,这意味着如果我们将 <header> 和/或 <footer> 放入 <main> 内,它们的作用域将不会局限于该 <main> 元素。 我的问题是:为什么会这样? 为什么<main>不能也被视为分段内容元素? 将 <header> 和 <footer> 放入 <main> 元素内是否有意义? <main>元素状态的使用说明: <main> 不会对文档的大纲做出贡献;也就是说,与 <body> 等元素、h2 等标题不同,<main> 不会影响 DOM 的 页面结构概念。这是严格的信息。 <main> 元素并非旨在形成结构,并且不会对文档大纲做出贡献。它仅严格地用于划分文档中的主要内容。所以它不充当分段内容是有道理的。

回答 1 投票 0

每行写一个句子,并且希望行与行之间有空格但有一个语义段落,我应该使用 <br> 还是 <p>?

我正在销售页面上以这种风格编写长文案(为了简洁而缩短): 我们懂了… 找到一个理解 X 的 X 是很困难的。 看起来他们都是X。 那么,你怎么样...

回答 1 投票 0

每行写一个句子并需要空间,但一个语义段落应该使用 <br/> 或 <p>

我正在销售页面上以这种风格编写长文案(为了简洁而缩短): 我们懂了… 找到一个理解 X 的 X 是很困难的。 看起来他们都是X。 那么,你怎么样...

回答 1 投票 0

我可以使用 <nav> 标签进行分页吗?

在主菜单导航中看到标签的用法很常见,但我不知道可以在哪里使用它的其他示例。例如,对于分页: 在主菜单导航中看到标签<nav>的使用很常见,但我不知道其他可以使用它的示例。例如,对于分页: <div class='my-pagination'> <!-- first, 2, 3, 4 ... 8, 9, last --> </div> 可以是: <nav class='my-pagination'> <!-- first, 2, 3, 4 ... 8, 9, last --> </nav> 它符合语义吗? 是的。 HTML5 规范定义了 nav 元素,如下所示: nav 元素表示链接到其他页面或页面内部分的页面部分:带有导航链接的部分。 分页显然由“其他页面的链接”组成,这些是“导航链接”。在大多数情况下,使用分段内容元素可能是有意义的。 确保将 nav 放在正确的父级部分中: 如果是多页文章,则 nav 应该是 article 的子项。 <article> <h1>Review of my new camera</h1> <p>…</p> <nav><!-- pagination for this article --></nav> </article> 如果它是文章预告片的多页列表,则nav应该是包含此列表的部分的子项。 <section> <h1>All blog posts</h1> <article><h1>Review of my new camera</h1></article> <article><h1>I want to buy a camera, any suggestions?</h1></article> <nav><!-- pagination for this blog posts list --></nav> </section> 如果每页一篇完整的文章,则 nav 应该是 body 分区根的子级。 <body> <article><h1>Review of my new camera</h1></article> <nav><!-- pagination for next/previous article --></nav> </body> 有趣的问题。 根据官方的W3草案,似乎nav确实适合用作分页容器,特别是如果它用于主要导航(即整个页面是一个可以分页的结果集) 并非页面上的所有链接组都需要位于导航元素中 - 该元素主要用于由主要导航块组成的部分。特别是,页脚通常具有指向网站各个页面的简短链接列表,例如服务条款、主页和版权页面。对于这种情况,单独的页脚元素就足够了;虽然在这种情况下可以使用 nav 元素,但通常是不必要的。 取决于您如何使用分页。如果您是为了搜索结果而执行此操作,并且单击页面链接会将用户带到新的网址,那么可以。如果点击页面按钮会触发搜索结果内容的刷新,则不会。 导航元素旨在帮助用户找到其他页面的链接,而不是小部件的一组按钮控件。

回答 3 投票 0

编写带有垂直标题的 HTML 表格的最常见方法?

大家好,自从我问问题以来已经有一段时间了,这是困扰我一段时间的事情,问题本身就在标题中: 您编写 HTML 表格的首选方式是什么...

回答 4 投票 0

如何在html5中的标题、部分、文章等中使用h1到h6?

在xhtml 1.0中,hn(h1到h6)必须表示文档结构,就像书中的章节一样,它们都来自正文。 html5中有section、article、header、hgroup,好像hn...

回答 2 投票 0

div 包装器“语义”HTML 内的标头内是否有 Span?

我在线阅读了有关语义 HTML 的内容... 语义 HTML 意味着使用 HTML 标签来表达其隐含含义,而不是仅仅使用(无意义的)div 和 span 标签来表达所有内容。 如果你使用<...

回答 5 投票 0

是否有语义 HTML 来澄清首字母缩略词的含义?

例如,我们知道 有 alt 属性。出于可访问性和 SEO 的原因,此属性很有用并推荐。 我们还知道语义 HTML 标签是一个东西。那...

回答 2 投票 0

在HTML编写中使用语义标记有什么用?

经过一番研究,我了解到标签在 HTML 中给出了其内容的定义。喜欢 这是一个部分 这是一篇文章 所以如果我写...

回答 1 投票 0

有语义 HTML 来澄清含义吗?

例如,我们知道 有 alt 属性。出于可访问性和 SEO 的原因,此属性很有用并推荐。 我们还知道语义 HTML 标签是一个东西。那...

回答 1 投票 0

为什么 W3C 建议将输入元素包装在 <p> 标签中?

我在网上看到了很多示例,其中表单的布局如下: 令我惊讶的是,规范中也对此进行了描述...

回答 4 投票 0

使用或不使用表单的“选择”字段在页面中显示价格值[关闭]

在页面中,我显示的价格根据用户选项而变化。 有 2 个下拉菜单,用户可以从每个下拉菜单中选择一个选项。 根据用户选择的 2 个值,正确的

回答 1 投票 0

机器阅读器在语义上正确地将文章/部分包装在部分/文章中的 HTML5 标准有什么区别(如果有的话)?

在不同的页面上,这两种做法都有无数的例子。有些人这样做,有些人则喜欢另一种方式。我在询问有关 tw 之间差异的客观、可验证的来源...

回答 1 投票 0

如果没有指定样式,<header>、<nav>、<main> 等有什么影响吗? [关闭]

如果我没有: 导航{ 红色; } 并将其用作 ,即没有 class= 或 style=,它对布局和/或样式有任何影响吗? 阅读它,我认为没有影响(对......也是如此 如果我没有: nav { color: red; } 并将其用作 <nav>,即没有 class= 或 style=,它对布局和/或样式有任何影响吗? 阅读它,我认为没有影响(其他语义元素也一样)。当然,用这些标记零件有助于可访问性等。 您列出的这些 html 元素(header、nav、main)在呈现时都具有与普通 div 相同的样式。 它们的命名与 div 不同的唯一目的是出于语义原因,这对屏幕阅读器或其他开发人员阅读您的代码很有用。 完全不会影响造型

回答 1 投票 0

我在哪里可以找到规则,在标签<div>内指定标签<p>?

我正在做一个任务,我需要用一些内容更正给定的 HTML 文件并写下这个更正的原因。 还有一些我知道必须更正的代码行,但我找不到任何

回答 3 投票 0

我想不通我的 Html 怎么没有语义

我得到了一个测试,用语义 Html5 标签替换 Html 文件中的所有 div 标签。更换所有标签后,我的测试在 2 个地方失败;我会在下面指出它们。在测试中,也是

回答 2 投票 0

可打印表格的无障碍结构

这个问题专门针对可访问性。我有一个表单,提交后,用户可以查看和打印。因为它必须在打印时看起来不错,所以我不只是...

回答 1 投票 0

可访问地显示提交的表单数据

我需要在提交后向用户显示表单数据。我在下面的网站上找到了与我正在寻找的东西类似的东西。他们在“模式预览”部分有一个示例,

回答 0 投票 0

HTML 时间元素中一个世纪的正确日期时间格式是什么?

我想用它来表示一个世纪作为一段时间,使用 HTML 元素的 datetime 属性的正确格式是什么? 例子: 在 我想用它来表示一个世纪作为一段时间,使用 HTML datetime 元素的 <time> 属性的正确格式是什么? 例子: In the <time datetime="???">20th century</time> things changed a lot. 如果这不是元素的正确用法,请纠正我。 这不是 time 元素的用途。 datetime 必须指定特定的时间点或特定的持续时间。没有办法指定“从这个日期开始的 100 年”。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.