标签: semantic-markup

有没有一种简单的方法可以将带有多个<br/>标签的HTML转换为Javascript中适当的周围<p>标签?

假设我有一堆HTML,如下所示:

bla bla bla long paragraph here
<br/>
<br/>
bla bla bla more paragraph text
<br/>
<br/>
Run Code Online (Sandbox Code Playgroud)

有一个简单的方法使用Javascript将其转换为正确的语义<p>标签吗?例如:

<p>
  bla bla bla long paragraph here
</p>
<p>
  bla bla bla more paragraph text
</p>
Run Code Online (Sandbox Code Playgroud)

输出间距并不重要,理想情况下它可以用于任何输入间距.

我想我可能会尝试制作一个正则表达式,但在我这样做之前,我想确保我是a)避免受伤的世界b)那里没有别的东西 - 我试图做谷歌搜索,但尚未提出任何建议.

谢谢你的建议!

html javascript semantic-markup semantics

3
推荐指数
2
解决办法
3834
查看次数

html5:如何标记专有名称和通用名称?

<p>...the favourite color of Purple is purple...</p>
Run Code Online (Sandbox Code Playgroud)

第一个“紫色”是公司名称,第二个是颜色名称,

我应该如何根据 html5 规范对此进行标记?

先感谢您

html accessibility semantic-markup

3
推荐指数
1
解决办法
1076
查看次数

了解要使用的RDFA词汇表

我们如何知道用RDFa描述数据的词汇/命名空间?

我看过很多使用的例子,xmlns:dcterms="http://purl.org/dc/terms/"或者xmlns:sioc="http://rdfs.org/sioc/ns#"这个视频使用FOAF词汇.

这一切都令人困惑,我不确定这些词汇表的含义或最适合我所描述的数据的用途.我缺少一些技巧吗?

semantic-web semantic-markup rdfa

3
推荐指数
2
解决办法
2420
查看次数

正确使用 HTML 标题标签

我无法理解 HTML 标题的正确用法。我正在使用书籍和在线资源进行自学,但在如何使用它们方面存在细微差异。

  1. 请注意,该h1标签仅使用一次,作为页面的主标题。h2h6,但是,可以任意经常地使用,但应始终按顺序使用,因为他们的目的。例如,anh4应该是an的子标题,而 anh3应该是an的子标题h2
  2. 逻辑标题级别反映了其相对于主要内容的重要性。

所以问题是:

我是按顺序使用它们,其中h4必须是子标题,子标题h3应该是h2等等,还是根据其相对于主要内容的重要性使用标题级别?

虽然,我已经看到两种方法都在使用。但是,第二种方法会弄乱文档大纲。只是想就此获得一些其他意见。

html semantic-markup html-heading

3
推荐指数
1
解决办法
1839
查看次数

&lt;main&gt; 元素是否需要 role="main" ?

如果定义内容主要部分的最语义和最易访问的方式是标准<main>元素,那么使用 ARIA 地标似乎是多余的。添加role="main"元素真的有必要吗?

html semantic-markup wai-aria

3
推荐指数
1
解决办法
2396
查看次数

我应该将哪一个元素用于一小组外国语言词汇?

我想知道我应该在一个句子或一个段落(比如说一个<p>块)中使用哪个html元素来表示借用的单词或外语中的单词,引用一个有效的语义.这里举几个例子:

用英语讲

今晚,我和一个可爱的女孩见面.(使用法语单词)

他没有大声说话,但没有更默默地讲话,确实是在演唱(使用意大利语)

用法语

Java n'estpaspopriétaire,一个相反的 .Net

至少在法语,这种外语的使用需要斜体格式.

所以我想结合语义和表达.关于语义HTML的维基百科文章给了我一个提示,但到目前为止我还不相信.此外,我可能无法控制CSS,例如在文档(wiki)或描述文件(pom)中哪个元素最适合我的需求:

  • <i> (当然不是:))
  • <em> (也许不吧 :) )
  • <cite>
  • <span lang="latin">
  • <span class="borrowed">
  • 这些组合
  • 另一个标签

html css html5 semantic-markup

3
推荐指数
1
解决办法
321
查看次数

关于数据模型与数据格式之间的区别

我最近必须向观众解释数据模型和数据格式之间的区别。他们想要解释为什么我们不使用 XML 来完成我们使用 RDF 所做的基本工作。虽然我可以解释很多东西,比如分布式数据模型、推理等等。我在某种程度上能够解释数据模型和数据格式之间的区别。

我想知道是否有一个更简单的答案。我认为,与其像我那样给出很多对于简单用户来说不容易理解的要点,不如清楚地揭示为什么我们需要一个基于 XML 的数据模型。然后我们可以继续解释任何数据模型。

xml rdf semantic-web semantic-markup semantics

3
推荐指数
1
解决办法
2870
查看次数

是否有比 w3c 验证器更好的 html 标准验证方法?

当然,这是一个非常通用的问题,但我想知道 w3c 验证是否被认为是 html 验证的最佳实践,或者是否有更好的方法来确保符合当代标准的标记。

当我注意到MDN 页面重复 ID 时出现了这个问题(我认为该网站对其编码实践非常严格)。这似乎是他们如何生成页面部分的人工制品。

奇怪的是,我在 w3c 验证器上验证了页面的代码,并且有各种“错误”表明 MDN 只是忽略了某个属性或值无效。通常,这些与rel属性的看似适当的使用有关。

我想知道有效的语义标记标准是否更重要,或者是否有一种新的理想方法来进行代码验证和标准化,而不是依赖 w3c 验证。

html semantic-markup w3c-validation

3
推荐指数
1
解决办法
855
查看次数

使用 HTML 描述列表(dl、dt、dd)有什么好处?

MDN解释了<dl>,<dt><dd>标签可用于实现词汇表或键值对列表。

根据maxdesign.com.au(2004 年发表的文章,其陈述可能不准确),使用它们甚至有缺点:

  • <dt>定义列表不能包含块级元素内;
  • 搜索引擎不会像对基于标题的内容那样“以相同的方式”索引定义列表内容;
  • 它们不能包含屏幕阅读器辅助功能,例如“标签”和“标题”以将信息联系在一起。

此外,它们的基本浏览器开箱即用样式可以以最小的努力复制,同时省略上述缺点。

在表格、段落或任何其他元素上使用 HTML 描述列表是否有任何切实的好处(在语义、搜索引擎优化等方面)?

html semantic-markup

3
推荐指数
1
解决办法
1422
查看次数

导航中的按钮而不是锚点?

我一直在阅读有关 Web 可访问性的内容,并了解到只有当用户将被带到另一个没有 JavaScript 的 URL 时才应该使用锚标记。但是只要发生其他一些行为,例如打开模态,就应该使用按钮。

所以我想知道是否可以或预期在导航中同时包含按钮和锚点。像这样的东西:

<nav>
  <a href="/">Home Page</a>
  <a href="/about">About Page</a>
  <button>Sign Up</button>
</nav>
Run Code Online (Sandbox Code Playgroud)

假设在这种情况下,注册按钮会启动一个模式或执行一些不会将用户带到不同 URL 的其他行为。两者都可以nav吗?我不关心样式,我会让这些看起来一致,但我想知道处理这样的事情最正确的方法是什么?

html accessibility semantic-markup hyperlink htmlbutton

3
推荐指数
1
解决办法
1019
查看次数