學習html語法的規範性

    無論學習什麼語言第一開始都是在學習其語法規範,前端也不例外,首先咱們講解一下學習前端語言所使用的編輯器,如今在市面上大多使用的編輯器有:sublime     webstorm   HB等等,其實前端語言就算是使用簡單的記事本也能夠進行編輯,編輯器只是開發過程當中的一種工具,咱們主要考慮的是使用何種編輯器可以提升咱們的開發效率。在這裏咱們以sublime爲編輯器說明。其次咱們講解一下前端中html的語法特性:html是有各類的標籤組成,html只在意標籤的嵌套結構,嵌套關係,誰嵌套誰,和換行、空格無關,不影響頁面的顯示,但要嚴格按格式寫,html中全部 文字之間有空格、換行、tab都將被摺疊爲一個空格顯示也就是說html不是依據縮進來表示嵌套的,就是看標籤的嵌套關係,但良好的縮進,代碼更易讀,壓縮是爲了追求極致的加載速度,全部沒有換行、縮進。成對的標籤要封閉。css

html語法

使用四個空格的縮進,這是保證代碼在各類環境下顯示一致的惟一方式。html

嵌套的節點應該縮進(四個空格)。前端

在屬性上,使用雙引號,不要使用單引號。web

不要在自動閉合標籤結尾處使用斜線 - HTML5 規範 指出他們是可選的。webstorm

不要忽略可選的關閉標籤(例如, 和 </body>)編輯器

許多初學者都會或多或少的寫錯,但可能他們還不自知,由於效果同樣可以輸出,好比:雙標籤沒有閉合,一些標點符號使用中文的,嵌套結構不正確等等。工具

html標籤

html標籤可分爲容器級標籤和文本級標籤;佈局

其中容器級標籤主要有:div  h1-h6  ul>li   ol>li 等學習

它的特色是能夠直接給元素設置寬高,且寬度默認是父級元素寬度的百分百,高度自適應,它很是的「霸道」,在標準文檔流下不與其餘的元素共存一行,但它能夠嵌套任何的標籤包括它自己,注意成組的標籤否則ul>li ,ul的下一級只能寫li  li下面能夠嵌套任何的標籤。spa

文本級標籤 主要有:span  a  img   input p  等

它的特色是不能直接設置寬高,寬高世自適應內容的寬高,且在標準文檔流下能夠與其餘的文本級元素共存一行 

每個標籤都有本身的的語義,及其所對應的默認樣式,像是咱們會常常使用div來佈局只充當一個盒子的做用,ul>li這一組標籤常常配合css用做導航條的部位。

以上只是前端中html的一些介紹,對於html這部份內容我的建議在學習的過程當中先記憶每個元素的基本默認樣式及經常使用於哪些地方,至於它們之間該如何嵌套比較的合適,一方面本身要使用一下,另外一方面要看別的案例加以學習及總結。

相關文章
相關標籤/搜索