mag*_*lez 2 html web-standards semantic-markup
如果我有给定月份发生的事件列表,例如:
十月活动:
10 月 8 日 - 社区舞会 10 月 9 日 - 卡拉 OK 之夜 10 月 10 日 - 聚餐
最好的编码方法是什么——使用 UL、OL 还是其他?
无序列表
<h3>October Events</h3>
<ul>
<li>Oct. 8 - Community Dance</li>
<li>Oct. 9 - Karaoke Night</li>
<li>Oct. 10 - Potluck</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
有序列表
<h3>October Events</h3>
<ol>
<li>Oct. 8 - Community Dance</li>
<li>Oct. 9 - Karaoke Night</li>
<li>Oct. 10 - Potluck</li>
</ol>
Run Code Online (Sandbox Code Playgroud)
如果我添加一个描述,你会改变看待它的方式吗?通过描述我可能会这样:
<h3>October Events</h3>
<article>
<h4>Community Dance</h4>
<p class="date">Oct. 8</p>
<p>Description</p>
</article>
<article>
<h4>Karaoke Night</h4>
<p class="date">Oct. 9</p>
<p>Description</p>
</article>
<article>
<h4>Potluck</h4>
<p class="date">Oct. 10</p>
<p>Description</p>
</article>
Run Code Online (Sandbox Code Playgroud)
那么,考虑到网络标准,编写事件列表的最语义化的方法是什么?
基于 W3C 维基 ( http://www.w3.org/wiki/HTML_lists ):
\n\n当尝试决定使用哪种类型的列表时,您通常可以通过询问两个简单的问题来决定:
\n\n在这里你应该使用:
\n\n<dl>\n <dt>Oct. 8</dt>\n <dd>Community Dance</dd>\n <dt>Oct. 9</dt>\n <dd>Karaoke Night</dd>\n <dt>Oct. 10</dt>\n <dd>Potluck</dd>\n</dl>\nRun Code Online (Sandbox Code Playgroud)\n
| 归档时间: |
|
| 查看次数: |
111 次 |
| 最近记录: |