久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網
      最全最豐富的資訊網站

      關于HTML5中p和span標簽的介紹


      1.ID和類的選擇

      我們常常會很難決定一個元素應該使用ID還是類名.這里先直接說出總結的結果:

      只有在目標元素非常獨特,絕不會對網站上其他地方使用這個名詞時,才會使用ID.換句話說,只有絕對確定這個元素只會出現一次的情況下,才應該使用ID.如果你認為以后可能需要相似的元素,就使用類.

      總結上說的已經很明白了,就不需要過多解釋了.

      下面說一下過度使用時各自的缺點.

      過多使用ID的缺點:如果大量使用ID,很快就會難以找到唯一的名稱,最終不得不創(chuàng)建非常長、非常復雜的命名約定.解決這個問題僅僅需要看上面的總結即可.

      過多使用類的缺點:有人在寫CSS樣式的時候習慣把樣式的每個地方都添加一個類,從而去更精準的控制需要的樣式.這樣其實會造成代碼繁瑣,靈活性差.所以我們在寫代碼的時候,如果你發(fā)現了類命中出現了重復的單詞,就應該考慮把這些元素分解成他們的組成部分,這樣會大大提高靈活性,使得頁面更加簡潔.看下面的示例.

        <h2 class="news-head">這是頭部</h2>    <p class="news-text">這是一個文本</p>    <p class="news-text">這是另一個文本</p>

      像這種帶重復單詞,就應該考慮是否可以把這些元素分解成他們的組成部分,讓代碼更加的"組件化".比如寫成這樣:

      <p class="news">      <h2>這是頭部</h2>      <p>這是一個文本</p>      <p>這是另一個文本</p>  </p>

      然后通過層疊(cascade)來識別不同的內容.

      2.p和span

      p元素是一個有助于在文檔中添加結構的一個元素.p并不沒有語義的,p實際上代表部分(pision).同樣的不要過度使用p元素.
      p使用需注意:應該只有在沒有現有元素能夠實現區(qū)域分割的情況下使用p元素.否則就會造成代碼過于繁雜.
      PS:本來不想寫關于這個的書上的例子.但是從我的角度出發(fā).僅僅是告訴我這一句話我雖然知道是應該這樣,但是我并不知道在某一時刻到底要不要用p.

      假如這是一個主導航列表.就不要將它保衛(wèi)在p中.

      Emmet簡寫為:p>ul>li*3>a[href=#] 然后按Table鍵  <p>          <ul>              <li><a href="#"></a></li>              <li><a href="#"></a></li>              <li><a href="#"></a></li>          </ul>      </p>

      但是不要機械的認為只要是ul標簽就不需要使用p標簽包裹.我們看一下1中關于類class的內容.你覺得當要對整個主導航列表的標簽進行一些樣式設計,那是每個li標簽都加一個class或者id呢,還是就想1中所說的加一個p標簽包裹來使得代碼變的"組件化".

      我沒有做過H5的開發(fā),但是我知道這種事情沒有絕對,還是需要根據使用的目的去看是否使用p.我個人是覺得像這種雖然是一個導航列表,可以直接使用ul來構造,但是我覺得加一個p并不是單純的讓這個導航列表成為一個塊,另一個是告訴我這個開發(fā)者這個導航列表它是一個部分.

      <span>元素的主要作用就是對行內的元素進行分組或標識.

      <p><span class="aa">Harry Knowles</span></p>

      兩者的區(qū)別已經很明顯了.

      大概就這些了.QAQ 感覺兩句話能寫完的事情,噼里啪啦寫了這么多.反正總結下來差不多就那么兩句,但是都是要記住的

      【相關推薦】

      1. 免費h5在線視頻教程

      2. HTML5 完整版手冊

      3. php.cn原創(chuàng)html5視頻教程

      贊(0)
      分享到: 更多 (0)
      網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號