html5新增元素主體結構

時間  2019-12-22
標籤 html5 html 新增 元素 主體 結構 欄目 HTML5 简体版
原文   原文鏈接 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html5的新增主體結構元素</title>
</head>
<body>
   <!-- 可添加 ul li ,用css製做導航條
   
     nav的應用場合:
      
      網頁導航欄:
      
      側面導航欄:
      
      頁內導航:
      
      翻頁操做:
      
    不可用 menu代替nav,menu用在發出一系列命令的導航上，是一種交互性元素
   
    -->
   <nav>首頁   新聞  <a href="#">IT</a>   <a href="#">時尚</a>   影視    數碼</nav>
   
  <article>
    
      <header>
        <h3>一篇報道</h3>
        <!-- pubdate 屬性表示網頁或者文章的發佈日期,當有多個時間時可明確區分 -->
        
        <!-- time屬性
        微格式是html利用class屬性來對網頁添加附加信息的方法,
        
        time屬性表示24小時中的某個時刻或日期，表示時刻時容許帶時差 ,
        編碼時機器讀到的是datetime中的值,標籤之間的內容顯示在網頁上...
         -->
        
        <span>發表時間:<time datetime="2010-10-21T10:10"  pubdate="pubdate">2010-10-21</time></span>
      </header>
      
      <!-- 
      section :將內容分塊顯示
       -->
      <section>
        
           <h4> 新年首次離京：習主席察看魯甸地震遺址</h4>
           <!-- 
           aside 做爲名詞解釋
           
            -->
      <aside>
       <dl>
       <dt>新年</dt>
        <dd>新年快到了....</dd>
       </dl>
      </aside>
        <p>2015年首次離京考察，習主席總書記將第一站選在雲南魯甸地震災區。19日下午，他乘車一路顛簸直奔峽谷中的震中龍頭山鎮，來到原鎮政府所在的遺址，走進盡是廢墟的院子，詢問地震傷亡、抗震救災狀況。展板上，地震先後的照片對比鮮明，他面色凝重。  

習主席察看板房學校

魯甸地震形成龍頭山鎮中學、中心小學和幼兒園嚴重受損。習主席來到震後搭建的板房學校，佇立學校門口，一側是林立的板房，另外一側是正在平整的土地，地方幹部告訴總書記，中小學和幼兒園將在這裏異地重建，爭取今年8月底前學生所有搬入新學校。習主席還走進板房學校教室察看。

災區羣衆做詩贈總書記

看到總書記，當地幹部羣衆十分激動。一位幹部說，明天是大寒節氣，大夥連夜自發創做了一首詩送給總書記：「大寒節令送大愛，龍頭喜降豐年雪，千戶萬戶瞳瞳日，十萬烏蒙盡開顏」。現場響起熱烈的掌聲。望着遠處被白雪覆蓋的山巒，總書記感嘆，這裏地理條件確實複雜。</p>
      
      </section>
    
      <section>
        
        <h4>習主席：「我一直牽掛着大家」</h4>
      <p>
      在板房學校，總書記對圍攏來的幹部羣衆說，地震帶來重大損失，不少人失去親人，我和大家同樣難過。震後，我一直牽掛着大家：安置好沒？能不能吃上一口熱飯？孩子有沒有學上？生病能不能治療？如今我特別關心大家越冬和災後重建狀況，能不能儘早搬進新居？

習主席：災後重建工做要統籌考慮

總書記叮囑當地幹部說，當前安置工做和災後重建工做交叉在一塊兒，要協調指揮，統籌有序安排，整體考慮設計。從此的產業發展問題不能拍腦瓜，要符合當地實際，把長遠發展的基礎打好。
      
      </p>
      </section>

        
      <section>
      
        <h4>習主席：扶貧切忌形式主義</h4>
      <p>
      魯甸縣地處烏蒙山連片特困地區。總書記說，當地必定要作好扶貧、救災雙重任務。扶貧工做是2020年全面建成小康的重點，也是最艱鉅的一項任務，不能光喊口號，更不能搞形式主義，必定要真抓實幹。要是到2020年還有幾個連片貧困區依然如舊，就談不上全面小康。

習主席安置點賬篷摸棉被:「暖和不暖和?」

習主席來到小寨鎮甘家寨紅旗社區過渡安置點，走進鄒體富老倆口和孫子住的賬篷，吃飯、補助、新房規劃、收入來源……他問得十分仔細。總書記摸了摸棉被：「暖和不暖和？」又指着賬篷問：「都加厚了？」幹部說，災區羣衆都配了棉賬篷、棉被和電熱毯。

習主席察看安置點公共廚房：「菜便宜嗎？」

因爲甘家寨在地震中總體被毀，全村都被安置在紅旗社區，並設立臨時黨支部、警務室、消防室、兒童活動室，習主席一一察看。看到公共廚房裏每家都有電磁爐、電飯鍋和炒鍋，他很欣慰，還揭開一個鍋蓋，看到裏面有菜，立刻問：「菜是本身買嗎？便宜嗎？」

習主席叮囑災區幹部再接再礪

臨別時，陽光灑在院子裏，格外溫暖。安置點的羣衆圍攏過來，習主席和你們一一握手後說，黨中央始終惦記着你們，祝願你們克服困難，生活必定會更好。他特意和幾位當地幹部握手，叮囑說：「地震是一次考驗，大家辛苦了。但願再接再礪，作好越冬工做，保質保量重建家園！」 

新聞資料：魯甸地震

雲南省昭通市魯甸縣位於雲貴川三省接合部，總人口44.1萬人，其中少數民族人口占1/5。2014年8月3日，魯甸發生6.5級地震，震中位於龍頭山鎮，形成108.84萬人受災，617人死亡、112人失蹤，3143人受傷，轉移安置25.4萬人。目前災後重建工做正在緊張進行。
      </p>
      
      </section>  



    <!-- 
    section 用於網站中內容的分塊,或者文章的分段 
     -->
    <section>
      <h3>評論:</h3>
      <!-- 
      section 中嵌套 article
       -->
      <article>
          <header>
           <h4>評論者:萬佛洞</h4>
             <p>評論時間:<time datetime="2002-10-11">2002-10-11</time></p>
          </header>
          
          <p>災區人民保重...</p>
        
      </article>
    
    </section>
  
  </article>
  
  
  <aside>
    <nav>
     <h2>
     外媒評論:
     </h2>
     
     <ul>
       <li><a>路透社</a></li>
        <li><a>東京日報</a></li>
         <li><a>紐約時報</a></li>
     </ul>
    </nav>
  
  </aside>
  
 <article>
 
    <header>
    
     <hgroup>
     <h2>文章主標題</h2>
     <h3>文章副標題</h3>
     </hgroup>
    <p>文章正文主體部分..................</p>
    
    </header>
 
 </article>
  
  <footer>
  
     <address>中國人民路南</address>
  </footer>

</body>
</html>
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程