我正在从事简历,并希望使用
HTML5语义.
什么是最好的语义方式列出我的工作经验?每个工作经验的信息包含日期,公司,职称和说明.
什么是最好的语义方式列出我的工作经验?每个工作经验的信息包含日期,公司,职称和说明.
我有两个选择:
<h2>Experience</h2>
<ul>
<dl>
<dt><h3>JobTitle</h3> <span>Company + timeperiod</span></dt>
<dd>description</dd>
</dl>
</ul>
或者在语法上更正确地考虑每个经验作为一个文章如下?
<h2>Experience</h2>
<article>
<h3>Jobtitle</h3>
<p>description</p>
<footer>Company + timeperiod</footer>
</article>
我很想听到你对这个的想法!
解决方法
我将坚持嵌套的定义描述列表,如< article> “
represents a component […] that consists of a self-contained composition […] that is intended to be independently distributable or reusable,e.g. in syndication”.
你也加倍了一些事情,比如嵌套< dl>变成< ul>或在< dt>元素内部具有标题(< h3>).
<section>
<h2>Experience</h2>
<dl>
<dt>THE JOB TITLE</dt>
<dd>
<dl>
<dt>Company:</dt><dd>THE COMPANY</dd>
<dt>Period:</dt><dd>
<time class="dtstart" datetime="2007-02-01">Feb 2007</time> -
<time class="dtend" datetime="2009-09-30">Sep 2009</time>,</dd>
<dt>Description:</dt><dd>
DESCRIPTION
</dd>
</dl>
</dd>
<!-- more jobs here as dt-dd-pairs -->
</dl>
</section>
whatwg.org: the-time-element