• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 網頁設計教程 ] CSS技巧教學:清除多餘的標籤讓代碼更加有意義—- 其他教程




    教學主題: CSS技巧教程:清除多餘的標籤讓代碼更加有意義

    大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

    今天的這個教學主題是: CSS技巧教程:清除多餘的標籤讓代碼更加有意義

    這教學的重點為這幾點 [ 代碼,更加,意義,標籤,技巧,教程,清除,一個,使用,這個, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    如果你是一個喜歡什麼都用來標籤的人,那麼這個教程一定很適合你.在這個教程里着重講如何規範的來寫HTML代碼讓它更加的有意義.

    如果你是一個喜歡什麼都用來標籤的人,那麼這個教程一定很適合你.在這個教程里着重講如何規範的來寫HTML代碼讓它更加的有意義.你有沒有經歷過這樣的場景:在編緝別人的模版時發現那些語意不明的標籤,你的感覺是什麼樣子的.學完這個教程后你會發現規範的代碼不僅僅為你以後修改代碼省下時間,特別是當你調試一個大的項目時你會發現,原來規範代碼之後是那麼的有用.

    1.清除不必要的標籤

    很多人都喜歡用來包裹和來建立菜單列表.你有沒有想過這樣一個多餘的是不是需要的.你可以使用css規則來實現同樣的效果.

    Example 1:

    這個例子展示如何刪除中的.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    Example 2:

    有時候我們會給內容添加一個額外的標籤來以示這是一個內容.在事例中用了來包括內容區.如果一個內容有一個標題的話(如:),那麼我們就可以把這個來代替.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    2.使用有語義的標籤

    用有語義的標籤來編寫你的HTML文檔(如:為標題;

    為段落;為列表.)那麼即使用戶不支持css的話,那你的文檔也被正確的讀出來.

    Example:

    這個例子很好的說明了,使用有語義標籤的好處.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    3.盡量減少使用

    你有沒有見過那麼混亂的模板,到處都可以看到標籤,看到這些,你的頭有沒有變大了.你是否因為少用來結束標籤,或者因為多用了標籤而把一個布局弄亂了.我想大多數初學者都有這樣的經歷.所以儘可能的少使用,它會使調試和編輯更加的容易.

    Example 1:

    使用

    來代替來創建導航.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    Example 2:

    看如何使用來代替實現同樣的效果.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    4.格式(縮進)代碼

    你應該格式源代碼(即縮進嵌套元素),以便於容易閱讀和修改.如果你使用DW來編寫代碼的話,那麼你就可以很方便的格式代碼.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    5.在標籤之後添加註解.

    你有沒有見過在一些模版在之後有註明這一部分是什麼.(如:header;contant;footer.)所以你可以在之後加入一個.這樣別人就可以知道這是一個頁腳結束點.

    CSS技巧教學:清除多餘的標籤讓代碼更加有意義

    看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 CSS技巧教程:清除多餘的標籤讓代碼更加有意義 這教學會喜歡

    文章標題: 骨子愛創意- CSS技巧教程:清除多餘的標籤讓代碼更加有意義–轉載請註明來源處

    本教學分類為網頁設計教程中的 其他教程相關教學

    文章相關關鍵字為: 代碼,更加,意義,標籤,技巧,教程,清除,一個,使用,這個,

    本文永久連結 :CSS技巧教程:清除多餘的標籤讓代碼更加有意義

    本文轉載自 :VIA