真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5語義元素的使用

傳統(tǒng)頁面的構(gòu)造方法

“專業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶的事當(dāng)成自己的事”是我們每一個(gè)人一直以來堅(jiān)持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴的網(wǎng)站建設(shè)服務(wù)商、專業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專注于做網(wǎng)站、網(wǎng)站建設(shè)、軟件開發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶需求為導(dǎo)向,結(jié)合用戶體驗(yàn)與視覺傳達(dá),提供有針對(duì)性的項(xiàng)目解決方案,提供專業(yè)性的建議,創(chuàng)新互聯(lián)建站將不斷地超越自我,追逐市場(chǎng),引領(lǐng)市場(chǎng)!

  1.  
  2. 因?yàn)橥?,所以叫青?/h2> 

  3. 寫給獨(dú)自站在人生路口的你

     
  4. [韓]金蘭都

     
 
  •  
  •  
  • 青春, 之所以艱難,是因?yàn)楣聠巍?/p> 

  • ......完整內(nèi)容見附件
  •  
  •  
  •  
  • 上述這些是譯的觀點(diǎn)

     
  •  

  • 關(guān)于我們 
  • 申明 
  • 聯(lián)系我們 
  •  
  • Copyright © 2013

     
  •  

    因?yàn)槭褂昧?div>元素,所以添加樣式表很容易。下面,就是為頁眉及其中的內(nèi)容添加樣式的規(guī)則。

    其余的樣式參見附件。上述代碼實(shí)現(xiàn)的頁面的整體樣式如下:

    HTML5語義元素的使用

    上述頁面編寫規(guī)范,通過使用

    ,元素把大部分的工作交給了樣式表。而通過元素可以為處在其它元素中的少量文本添加樣式,通過
    不僅可以為整個(gè)內(nèi)容區(qū)塊添加樣式,還可以構(gòu)建整個(gè)頁面的結(jié)構(gòu)。

    使用HTML5改造頁面

    是當(dāng)今Web設(shè)計(jì)的必備元素,它是一個(gè)直觀、多用途的容器,可以通過它為頁面中的任何區(qū)塊應(yīng)用樣式。但是
    的問題在于:它本身不反映與頁面相關(guān)的任何信息。你在頁面中看到
    元素時(shí),你知道這是一個(gè)獨(dú)立的區(qū)塊,但是不知道這個(gè)區(qū)塊的意圖。

    HTML5可以改進(jìn)這種情況,可以把

    換成具有描述性的語義元素,如
    。

    • 1-5 使用HTML5具有描述性的語義元素
      1.  
      2. 因?yàn)橥?,所以叫青?/h2> 

      3. 寫給獨(dú)自站在人生路口的你

         
      4. [韓]金蘭都

         
     
  •  
  •  
  • 青春, 之所以艱難,是因?yàn)楣聠巍?/p> 

  • ......//完整代碼見附件 
  •  
  •  
  •  
  • 上述這些是譯的觀點(diǎn)

     
  •  

  • 關(guān)于我們 
  • 申明 
  • 聯(lián)系我們 
  •  
  • Copyright © 2013

     
  •  
  • 上面的代碼中

    元素仍然使用了類名,這樣做的目的是不用立即修改樣式表??刹还茉趺凑f,類名有點(diǎn)多余,所以最終就是把他們都刪掉。

    • 1-6 使用HTML5的語義元素
      1.  
      2. 因?yàn)橥矗越星啻?/h2> 

      3. 寫給獨(dú)自站在人生路口的你

         
      4. [韓]金蘭都

         
     

    修改之后,為語義元素應(yīng)用的樣式表也應(yīng)該做如下調(diào)整:

    • 1-7 為
      添加樣式,使頁眉具有藍(lán)色帶邊框
      1. header {  
      2.    ... //與代碼1-1 的內(nèi)容一樣
      3. }  
    • 1-8 為
      中的

      添加樣式
      1. header h1 {  
      2.      ... //與代碼 1-2 內(nèi)容一樣
      3. }  

    • 1-9 為
      中的子標(biāo)題添加樣式
      1. header .Teaser {  
      2.     ...//與代碼1-3內(nèi)容一樣 
      3. }  
    • 1-10 為
      中的屬名添加樣式
      1. header .Byline {  
      2.     ...//與代碼1-4內(nèi)容一樣 
      3. }  

    這兩種樣式都會(huì)得到相同的結(jié)果。

    附件:http://down.51cto.com/data/2362785

    本文標(biāo)題:HTML5語義元素的使用
    網(wǎng)頁URL:http://weahome.cn/article/jgepgo.html

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部