HTML5 简历语义

Question

我正在制作我的简历并且想使用 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>

我很想听听您对此的看法!

Answer 1

我会坚持使用嵌套的定义描述列表，因为<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>或者在 <h3> 中有一个标题 ( <dt> ) -元素。

<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