我正在从事简历,并希望使用
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>