HTML編寫需要注意的事項


HTML在編寫過程中需要注意許多關鍵的事項,就如最近我在學習中遇到的問題如下:

  • 代碼規范問題:

             在代碼視圖中編寫代碼,一定要規范的格式,不要把代碼全部都寫到一塊,這樣不僅影響效率,更加影響視覺,當出現問題的時候往往很難找到原因所在,比如,我在編           寫HTML標簽的時候總是每個標簽都頂格寫,結果今天在實驗的時候,出現了錯誤,自己看着自己的代碼找問題都想着急,最后根據嵌套的層數找到了原因,缺少了結束標簽             導致的嚴重錯誤,所以謹記要把代碼格式寫規范;

  • 布局問題:

              在設計網頁時,應該首先構造好網頁的整個框架,然后對每個框架逐一進行完善,這樣當那個部分出現問題的時候,我們就可以單獨找到那個模塊進行修改,例如我們剛          剛學到的div+css這一部分的時候,應該先創建一個總的容器,然后在容器中逐一添加登錄、導航、廣告展示、主要內容、版權信息等各個模塊,設置好各自的css樣式,然后             再進行進一步的細化。在這樣的設計中,如果不先設計好總的結構,div的位置就會錯亂,那樣就不能很清晰地找到發生狀況的原因;

  • 輸入問題:

              一定要正確輸入標簽。輸入標簽時,不要輸入多余的空格,否則瀏覽器可能無法識別這個標簽,導致無法正確地顯示信息。各種符號一定要在英文狀態下輸入,否則不會          顯示正確的效果。源代碼不區分大小寫;

  • 屬性設置問題:

              相應的標簽對應着自己的屬性,因為各個標簽對應的屬性實在是太多了,很容易混淆,如果我們想給某個標簽內的內容設置相應的屬性,我們必須在該標簽內找到相應的          屬性方法進行設置,比如將<table>的寬度設置為700、邊框寬度設置為1、單元格間距為0,相應的代碼設置是:<table width="700" border="1" cellspacing="0" >;

  • 引用問題:

              當我們在外部設置了css樣式,並且要引用這個樣式表時,我們必須要在<head></head>標簽內添加<link>標簽,如外部樣式表為style.css,那么我們需要在head標          簽中添加的是<link href="css/style.css" rel="stylesheet" type="text/css"/>,首先href是引入樣式的地址必不可少,rel定義了文檔與鏈接的關系,stylesheet是定義一             個外部加載樣式表。

              當要在網頁總插入圖片或設置背景圖片是也必須得引入,這就到了關鍵時刻了,如插入圖像<img src="">標簽中的src是引入的路徑可以是絕對路徑,也可以是相對路徑,      但是我們一般都使用相對路徑,因為我們平時做的東西肯定會由於某種原因改變位置或者移動到其他機器上,如果我們使用了絕對路徑,那么他就不能准確的找到圖片的位置了,        但是使用相對路徑后,只要我們把包含網頁和圖片的目錄文件打包好統一放到一起,不管我們把它移到哪,我們都可以准確得找到並引入該圖像……


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM