分享

◖HTML◗ L6 - 註解與格式化維護

網頁設計 HTML 零基礎課程

HTML5

我們在寫程式時有時候很開心的一直寫不知不覺就寫了幾百行幾千行了~第一次接觸代碼的朋友一定會覺得怎麼可能幾百幾千行那得要寫多久才寫得出來,其實寫著寫著就是那麼多行了~沒有想像中那麼多,這個都是很常見的問題,如果代碼很多又沒有分類註解就會發生:
網頁設計 HTML 零基礎課程

沒有註解與格式化的網頁

雖然網頁一切顯示正常,但是如過下次你要修改東西的時候,或是團隊合作別人要修改你的檔案時候就會發現很頭疼,一團亂看了都眼花,找個東西都找不到,所以在編寫代碼時一定要適時的使用註解還有格式化代碼...

註解語法:

<!-- 註解文字 -->
網頁設計 HTML 零基礎課程

註解與格式化後的文章

被註解的文字瀏覽器會直接忽略不會顯示於畫面上,如上圖這樣是不是乾淨簡潔多了~一眼就能找到想要修改的地方...雖然這個不是必要的步驟,但是一定要養成這個好習慣,對之後撰寫代碼會大大提升速度... ☺☺☺ 
至於格式化的部分沒有一定的寫法,只要整齊縮排按照自己的習慣來進行編排就可以了,另外想要註解選中的文字要先將文字選取...
  

小技巧 : 快速註解的按鍵為 : ctrl + /


課後作業:

  1. 請自行編寫一段代碼格式化且進行註解!
#網頁設計  #HTML  #零基礎課程 
分類:學習

零基礎 / 簡單學 為宗旨的技術教學部落格

評論
上一篇
  • ◖HTML◗ L5 - 文字粗體與斜體
  • 下一篇
  • ◖HTML◗ L7 - 使用表格分類項目
  • 更多文章
    載入中... 沒有更多了