article元素以及section

<p>发表日期:<time pubdate="pubdate">2015/10/30</time></p>

article元素有自己独立完整的内容。

需要了解内容:

(1)使插件看起来好像是内嵌在页面中

        <article>
  		<h1>用article元素表示插件</h1>
  		<object>
  			<param name="allowFullScreen" value="true">
  			<embed src="#" width="600" height="395"></embed>
  		</object>
  	</article>

(2)article元素嵌套示例

需要了解:

  (a)<b></b>作用类似于加黑

  (b)<time pubdate datetime="2016/10/30">2016/10/30</time>

  (c)<small></small>

    <article>
    	<header>
    		<h1>苹果</h1>
    		<p>发表日期:<time pubdate datetime="2016/10/30">2016/10/30</time></p>
    	</header>
    	<p><b>苹果</b>,植物类水果,多次花果。。。(“苹果”文章正文)</p>
    	<section>
    		<h2>评论</h2>
    		<article>
    			<header>
    				<h3>发表者:王狂</h3>
    				<p>
    					<time pubdate datetime="2016-10-30T19:10-08:00">
    						一小时前
    					</time>
    				</p>
    			</header>
    			<p>我喜欢苹果,最喜欢红富士。</p>
    		</article>
    		<article>
    			<header>
    				<h3>发表者:李路</h3>
    				<p>
    					<time pubdate datetime="2016-10-30T18:30-08:00">
    						1小时前
    					</time>
    				</p>
    			</header>
    			<p>苹果?不喜欢,喜欢橘子!</p>
    		</article>
    	</section>
    	<footer>
    		<p><small>著作权归本人所有</small></p>
    	</footer>
    </article>

section元素:

  元素可以对页面上的内容进行分块、对文章分段;

  元素内容中的内容可以单独存储到数据库中或输出到word文档中。标题部分应位于section元素内部,而不是前面。不推荐没有标题的内容使用section元素。

  注意:

  (1)不要将section元素用作设置样式的页面容器,

  (2)如果article元素、aside元素、nav元素更符合状况,不用section

  (3)不为没有标题的内容区块使用section元素

 

posted @ 2016-10-30 20:36  ruanjian1305  阅读(188)  评论(0编辑  收藏  举报