将列表放置在图形标记内以引用

时间:2013-02-12 16:35:44

标签: html html5 html-lists figure

我目前正在创建一个投资组合网站,以发送给潜在的雇主。我想告诉他们我对使用尽可能语义的干净代码充满热情。这使我通过电子邮件向潜在雇主发送有关在进行投资组合网站时重要事项的建议。收到几条回复后,我意识到我需要一个即将推出的页面。这促使我创建即将到来的页面,其中显示了投资组合网站的进度,进而显示了我的工作方式以及我如何处理Web项目。

由于我将“引用”我收到的所有信息,我想以“列表形式”添加信息,但不太确定如何正确地进行此操作。我最近在'alistapart'网站上看过 article,建议我可以在数字标签中使用blockquotes然后在blockquote之后添加引用。

只是想知道我是否可以做这样的事情但是用ul:

<figure class="advice">
    <ul>
        <li>Show you are living and breathing web design.</li>
        <li>Portfolios, experience and practical examples of work are critical.</li>
    </ul>
    <figcation>Joe Blogs / <cite>A web agency</cite></figcaption>
</figure>

这会有用吗?

1 个答案:

答案 0 :(得分:0)

好的,我意识到我可能没有以正确的方式提出这个问题,但我已经决定了一个解决方案,只是其他人想知道。

 <figure class="advice">
      <blockquote>
           <ul>
                <li>Show you are living and breathing web design.</li>
                <li>Portfolios, experience and practical examples of work are critical.</li>
           </ul>
      </blockquote>
      <figcation>Joe Blogs / <cite>A web agency</cite></figcaption>
</figure>

之所以这样,是因为“引用”是有意义的,需要有“块引用”。因此,如果引用的内容被列出,那么blockquote必须包含在列表中。

我通过阅读alistapart article来做出这个决定,说明这是有道理的:

 <figure class="quote">
 <blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
 <figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption>
 </figure>

因此,如果列表元素也放在那里也必须有意义。