问题标签 [semantic-markup]

为 HTML 列表提供语义标题的正确方法是什么？例如，以下列表具有“标题”/“标题”。

水果

• 苹果
• 梨
• 橙子

应该如何处理“水果”这个词，使其在语义上与列表本身相关联？

我正在向仍在使用基于表格的布局的站点添加基于 css 的选项卡导航。当我将标签列表放在 td 中时，您可以看到一个视觉“间隙”。如果我在 td 中放置一个宽度为 100% 的空 div，那么我的选项卡列表将正确显示。（它在桌子外也可以正常工作。）

为什么 div 使选项卡布局正确，有没有更好的方法可以在不添加无内容 div 的情况下使它们正确布局？

这是我的测试用例：

我现在已经将它交叉发布到我的博客：培根驱动编码：为什么当 UL 单独在 TD 中而不是有一个额外的空 DIV 时，IE 中的布局会发生变化？，带有屏幕截图，以便人们可以看到我在说什么。

这是屏幕截图：

所以我在想这样的事情：

该示例纯属虚构，因此可能不是最好的示例。但是我遇到过几次需要将 2 dd 用于 1 dt 的情况。那么你们这是好语义还是坏语义？

假设我有一堆 HTML，如下所示：

Javascript有没有一种简单的方法可以将其转换为正确的语义<p>标签？例如：

输出间距并不重要，理想情况下它适用于任何输入间距。

我想我可能会尝试编写一个正则表达式，但在我这样做之前，我想确保我是 a) 避免了一个受伤的世界，并且 b) 那里没有别的东西 - 我试图做谷歌搜索，但还没有想出任何东西。

感谢您的任何建议！

假设在一个网站上我有一个博客和投资组合。这是该站点上最活跃的两个区域。在为博客和投资组合链接单独的 RSS 提要方面。最好是：

1. 在每个页面上链接博客和投资组合提要？
2. 只在博客链接博客？

由于文件是链接的，我想知道是否

1. 是否使用 css 和 javascript 链接下载了提要？
2. 它们是否为页面本身贡献了任何关系语义价值？

我认为在某种意义上它们确实如此，因为它们是直接链接的不同格式，但我想这取决于什么解释语义。

此外，在链接文件时，最好使用哪个协议（url 前缀）：（ 它们似乎都做同样的事情）

1. http://localhost/myfeed.xml
2. feed://localhost/myfeed.xml
3. 饲料：http://localhost/myfeed.xml

感谢您对此的所有想法。

我正在寻找一个可以通过输入最后一行并单击行末尾的“添加”按钮来添加的表。可以通过单击最右侧列中的按钮来删除表中的所有其他行。

我的问题是表单不能只换行并验证为 XHTML。如果我让表单包裹整个表格，它也会包含将表单作为最后一个单元格的行。表格中的表格绝对无效。

建议？

在设计表单/详细信息视图以获得最大的可读性（可访问性）和多功能性时，最好使用什么结构？

例如，ASP.NET MVC 框架的脚手架创建了一个字段集，顶部有一个图例，所有字段都在 p 中（一个标签，然后是输入/编辑器集）。

你认为最通用的结构是什么？

例如，如果我想稍后将布局更改为并排而不是自上而下的两个或三个字段，我只想通过 CSS 来实现，因为它在结构上不相关。

谢谢，
基龙

编辑：朋友的建议是使用 dl、dt 和 dds ......有人对此有任何想法吗？

我正在为我正在处理的应用程序创建一个 Web GUI。此特定部分将位于具有良好语义构成的较大页面中。但是，我不确定在语义上标记以下屏幕的最佳选择是什么。

我最初的想法是通过 div 将上半部分与下半部分分开。因此，顶部的标记非常容易。离开底部，这是我感到难过的地方。最简单的答案是表格，但此内容不容易适合表格数据规则的唯一使用表格。特别是考虑到标题在这种布局中看起来很显眼。建议？

此图像需要语义标记 http://img183.imageshack.us/img183/2261/semanticmarkup.png

如果文本太小，是否必须在 h1 之后使用 H2 ，那么我们可以在 h1 之后使用 h4 。它可以访问吗？

我想使用一个简单的定义列表：

呈现如下内容：

定义列表在语义上似乎是最好的选择。

使用新的磨合显示样式可以解决问题：

但这还没有得到广泛的支持。如何在不更改 html 的情况下为我的定义列表设置样式以获得更好的跨浏览器支持（ie6 不是必需的）（目前我使用显示内联并添加丑陋的 br）？

编辑澄清：

不起作用，因为它会呈现为：

设计指定这些多行字段应换行到行首以保留空间。