zoukankan      html  css  js  c++  java
  • 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元素

  • 相关阅读:
    RS交叉表按照预定的节点成员排序
    Open DJ备份与恢复方案
    SQLServer2008备份时发生无法打开备份设备
    数据仓库备份思路
    SQLServer代理新建或者编辑作业报错
    Transfrom在64bit服务下面无法运行
    ActiveReport开发入门-图表的交互性
    ActiveReport开发入门-列表的交互性
    /etc/fstab 参数详解(转)
    CentOS7 查看硬盘情况
  • 原文地址:https://www.cnblogs.com/1305yyf/p/6013956.html
Copyright © 2011-2022 走看看