Html W3C验证：标签内的有序列表元素_Html_Xhtml_Xhtml Transitional_Html Validation

Html W3C验证：标签内的有序列表元素

html

Html W3C验证：标签内的有序列表元素,html,xhtml,xhtml-transitional,html-validation,Html,Xhtml,Xhtml Transitional,Html Validation,鉴于和是内联元素，而是块元素，使用脚本将嵌套在span/标签内的正确方法是什么 input{vertical align:top；} 标签{显示：块；} 标签+标签{页边距顶部：1em；} ol{填充：0；边距：0；} 船喷射机切碎机汽车自动的既然没人接，我就试试看：使用跨距手动创建列表 1。1. 2。2. 3。3. 在CSS中看到ol{…}或li{…}的每个地方，都必须插入类ol，.ol{…}和li，.li{…}。另外，.ol可能需要有显示：块换行符可能会被一个清晰的符

鉴于

和

是内联元素，而

是块元素，使用脚本将

嵌套在span/标签内的正确方法是什么

input{vertical align:top；}
标签{显示：块；}
标签+标签{页边距顶部：1em；}
ol{填充：0；边距：0；}


船
喷射机
切碎机
汽车
自动的

既然没人接，我就试试看：

使用跨距手动创建列表



1。1.

2。2.

3。3.

在CSS中看到

ol{…}

或

li{…}

的每个地方，都必须插入类

ol，.ol{…}

和

li，.li{…}

。另外，

.ol

可能需要有

显示：块
换行符可能会被一个清晰的符号代替，但这一切都是我不知道的，没有测试。
您可以使用imagemap（map
）来包含您的列表，但这可能滥用了map
标记
我的意思如下：
<label for="foo" style="padding:1em;display:inline-block;">
  <map id="foolist">
       <ol>
          <li>1</li>
          <li>2</li>
          <li>3</li>
       </ol>
  </map>
</label>
<input name="foo" id="foo" type="checkbox" />


一,
二,
三,

编辑：W3C声明属性为块级别：
地图元素内容模型允许
作者应结合以下内容：
<label for="foo" style="padding:1em;display:inline-block;">
  <map id="foolist">
       <ol>
          <li>1</li>
          <li>2</li>
          <li>3</li>
       </ol>
  </map>
</label>
<input name="foo" id="foo" type="checkbox" />

一个或多个区域元素。
这些元素没有内容，只有
指定图形的几何区域
图像映射和与关联的链接
每个地区。请注意，用户代理是这样做的
通常不渲染区域元素。
因此，作者必须提供
使用
alt属性（有关详细信息，请参见下文
有关如何指定的信息
替换文本）。
块级别
内容。此内容应包括
指定几何图形的元素
图像地图和链接的区域
与每个区域关联。注意
用户代理应该提供
地图元素的块级内容。
作者应使用此方法
创建更易访问的文档

福
/**/
一,
二,
三,
您的用例是什么？要在内联元素中正确嵌套一个块元素，必须先除以0。我除以又除以，但我只能得到假想的夸克。甚至试着把一个div变成一个inline，但这不应该做。用例。我有一个带有说明的表格，这些说明使用一个有序的列表进行完美的格式化。我希望用户能够点击他们来选中复选框；我不希望它是基于JavaScript的。开始。：）不过，严肃地说，用例是有一个可点击的有序列表，分配给输入。这在表单上使用，并且周围的span
具有更多格式，以使其与表单文档的其余部分保持一致。这是一个合法和有效的问题。我想唯一的方法是使用span手动创建一个列表。虽然这也意味着我必须回到css中，将该类添加到每个使用“ol”或“li”的地方——这似乎是一堆不必要的工作。@vol7ron我仍然不理解您的用例。你能在什么地方贴个例子吗？请不要给你的班级命名ol
和li
。这听起来很混乱。当他们要模仿ol
和li
时，这是非常有意义的。这是唯一一次给它们命名。对我来说，当你创建类来模拟元素时，这表明你做得不太正确。@Michael:任何明智的人都会说你是对的，这就是为什么这是一个特例。我不确定这是否能通过W3C规范，我必须检查map
是否是特殊块元素之一。如果是这样的话，我说不要虐待。我还必须检查它是否会继续正确格式化。它确实有效，我已经用检查过了。我知道在接下来的几周里，我将开始进行最初的项目。那我就测试一下。如果验证和格式正确，您可能会有一个获胜者。感谢您提醒我问题仍然悬而未决。其中一个目标是避免手动键入数字，避免使用脚本计算数字，从而依赖于OL
/LI构造的浏览器和HTML呈现支持。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>foo</title>

<style type="text/css">
/*<![CDATA[*/
 span.c1 {padding:1em;display:inline-block;}
/*]]>*/
</style>
</head>
<body>
<ol>
<li><label for="foo"><span class="c1">1</span></label></li>
<li><label for="foo"><span class="c1">2</span></label></li>
<li><label for="foo"><span class="c1">3</span></label></li>
</ol>
</body>
</html>