tableexport 加标题_CSS-为<ul>或<ol>编写标题/标题的最佳方法是什么，就像我们在<table>中具有<caption>一样？...

尽管这很旧，但我正在为以后在搜索时可能发现此问题的其他人更新它。

@马特·凯利赫(Matt Kelliher)：

为列表使用css：before和data- *属性是一个好主意，但可以对其进行一些修改以使其更易于访问：

HTML：

• Dodge Shadow
• Ford Focus
• Chevy Lumina

CSS：

ul:before{

content:attr(aria-label);

font-size:120%;

font-weight:bold;

margin-left:-15px;

}

这将创建一个列表，该列表的上方带有“标头”伪元素，其文本设置为aria-label属性中的值。 然后，您可以轻松地根据需要设置样式。

与使用data- *属性相比，这样做的好处是，屏幕阅读器会读取aria-label作为列表的“标签”，这在语义上对于您打算使用此数据是正确的。

注意：IE8支持：before属性，但必须使用单冒号版本(并且必须定义有效的doctype)。 IE7不支持：before，但是Modernizer或Selectivizr应该为您解决该问题。 所有现代浏览器都支持旧的：before语法，但更喜欢使用:: before语法。 通常，解决此问题的最佳方法是为IE7 / 8使用外部样式表，该样式表使用旧格式，而使用新样式的样式表为常规样式表，但实际上，大多数样式表仅使用旧的单冒号格式，因为它仍然100％交叉 浏览器，即使在技术上对CSS3无效。