HTML5恢复语义

前端之家收集整理的这篇文章主要介绍了HTML5恢复语义前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在从事简历,并希望使用 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

猜你在找的HTML5相关文章