article 标签的概述

article 标签是 HTML5 中引入的一个新元素，用于定义独立的、完整的文章或内容块，它可以是一个新闻文章、博客文章、论坛帖子等独立的内容区域，与 div 标签不同，article 标签应具备独立性，可以被其他网页或站点单独引用或发布。

article 标签的基本用法

使用 article 标签非常简单，只需将要标记的内容放在<article> 和</article> 标签之间即可。

<article>
  <h1>HTML5 新特性</h1>
  <p>HTML5 是最新的 HTML 版本，引入了许多新特性。</p>
  <p>...</p>
</article>

article 标签的正确嵌套

article 标签应该被正确嵌套，遵循 HTML5 的父子元素关系，一个合理的嵌套示例如下：

<article>
  <h1>HTML5 新特性</h1>
  <section>
    <h2>语义化标签</h2>
    <p>HTML5 引入了更多的语义化标签，如<header>、<nav>、<section>、<article> 等。</p>
  </section>
  <section>
    <h2>多媒体支持</h2>
    <p>HTML5 提供了更好的多媒体支持，包括视频、音频等。</p>
  </section>
</article>

article 标签的优势

1、语义化：标签的出现使得内容更具有语义化，更容易理解和维护。

2、SEO 优化：搜索引擎会更好地识别和处理 article 标签，提高网站的搜索结果排名。

3、分享和引用：其他网站可以更轻松地引用和分享 article 标签内的内容，提升网站的传播力。

article 标签的常见误用

在使用 article 标签时，需要注意避免以下常见误用：

1、广告块：标签应该用于独立、完整的文章或内容块，不应被用于广告块，广告块应该使用 div 或其他适合的标签。

2、导航链接：标签应该包含完整的文章内容，不应为导航链接、页脚或其他非文章内容的部分，这些应该使用 nav、footer 等标签。

3、评论部分：标签应该包含主要内容，不应包含评论部分，评论部分应使用 section 或其他标签。

DEDECMS中的arclist标签详解

DEDECMS中的arclist标签是一种万能标签，也称为自由列表标记，其中imglist、imginfolist、specart、coolart、autolist都是由该标记所定义的不同属性延伸出来的别名标记，它的基本语法如下：

{dede:arclist flag='h' typeid='' row='' col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' keyword='' limit='0,1'}
<a href='[field:arcurl/]'>[field:title/]</a>
{/dede:arclist}

typeid：栏目ID，在列表模板和档案模板中一般不需要指定，在首页模板中允许用","分开表示多个栏目。

orderby：文档排序方式，可以是sortrank（按排序等级）、hot（按点击数）、click（按点击数）、pubdate（按出版时间）、near（按接近时间）、lastpost（按最后评论时间）、scores（按得分）等。

idlist：提取特定文档（文档ID），调用指定id文档，例子idlist =’4,45,78,237’。

limit：限定的记录范围（起始ID从0开始），如limit=’1,2’表示从ID为1的记录开始，取2条记录。

keyword：含有指定关键字的文档列表，多个关键字用","分隔。

orderway：指定排序方式是降序（desc）还是顺向排序（asc），默认为降序。

FAQs

1、如何在DEDECMS中使用arclist标签调用含有缩图的文档？

你可以使用flag="p"属性来调用含有缩图的文档，示例代码如下：

     {dede:arclist flag="p" row='10' titlelen='60'}
     <li><a href="[field:arcurl /]"><img src="[field:litpic/]" border="0" alt="[field:fulltitle /]"></a><br/><span><a href="[field:arcurl /]" title="[field:fulltitle /]">[field:title /]</a></span><br/></li>
     {/dede:arclist}

2、如何使用article标签定义一篇包含标题和发布时间的文章？

你可以按照以下示例代码来定义：

     <article>
       <header>
         <h1>文章标题</h1>
         <time pubdate="pubdate">20231011</time>
       </header>
       <p>文章内容...</p>
     </article>

这只是部分【article万能标签】的使用示例，实际上还有很多其他标签和属性可以应用于HTML文档。