Heim >Web-Frontend >H5-Tutorial >Detaillierte Beispiele für das

Detaillierte Beispiele für das

怪我咯
怪我咯Original
2017-05-08 09:47:363197Durchsuche


15221ee8cba27fc1d7a26c47a001eb9b元素
HTML15221ee8cba27fc1d7a26c47a001eb9b元素表示一个页面的一部分, 它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在。15221ee8cba27fc1d7a26c47a001eb9b元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义,比如目录、索引、术语表等;也可以用来显示相关的广告宣传,作者的介绍,Web应用,相关链接,当前页内容简介等。

15221ee8cba27fc1d7a26c47a001eb9b元素使用注意事项:

   不要使用15221ee8cba27fc1d7a26c47a001eb9b元素标记括号中的文字,因为这种类型的文本被认为是主内容的一部分。

使用例子:

<article>  

      <p>  

        The Disney movie <em>The Little Mermaid</em> was   

        first released to theatres in 1989.   

      </p>  

      <aside>  

        The movie earned $87 million during its initial release.   

      </aside>  

      <p>  

        More info about the movie...   

      </p>  

    </article>



23c3de37f2f9ebcb477c4a90aac6fffd元素
Article元素(23c3de37f2f9ebcb477c4a90aac6fffd)故名思议,可以表示论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。它的主要语义为表示自己是一个独立的内容结构。每一个23c3de37f2f9ebcb477c4a90aac6fffd元素内部结构都应该是相似的,比如都应该包含一个头标题(h1-h6元素)等。

23c3de37f2f9ebcb477c4a90aac6fffd元素用法:

   当23c3de37f2f9ebcb477c4a90aac6fffd元素嵌套使用时,则该元素代表与父元素有关的文章。例如,代表博客评论的23c3de37f2f9ebcb477c4a90aac6fffd元素可嵌套在代表博客文章的23c3de37f2f9ebcb477c4a90aac6fffd元素中。
   23c3de37f2f9ebcb477c4a90aac6fffd元素中文章作者的信息可通过208700f394e4cf40a7aa505373e0130b元素表示,但是不适用于嵌套的23c3de37f2f9ebcb477c4a90aac6fffd元素。

   23c3de37f2f9ebcb477c4a90aac6fffd元素中文章的发布日期和时间可通过46dd80ba616c57a652514755c74c4211元素的pubdate属性表示。

代码样例

<article class="film_review">  

      <header>  

        <h2>侏罗纪公园</h2>  

      </header>  

      <section class="main_review">  

        <p>Dinos were great!</p>  

      </section>  

      <section class="user_reviews">  

        <article class="user_review">  

          <p>Way too scary for me.</p>  

          <footer>  

            <p>  

              Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa.   

            </p>  

          </footer>  

        </article>  

        <article class="user_review">  

          <p>I agree, dinos are my favorite.</p>  

          <footer>  

            <p>  

              Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom.   

            </p>  

          </footer>  

        </article>  

      </section>  

      <footer>  

        <p>  

          Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff.   

        </p>  

      </footer>  

    </article>

           



Das obige ist der detaillierte Inhalt vonDetaillierte Beispiele für das

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn