HTML標籤是否閉合
阿新 • • 發佈:2018-12-19
今天遇到一個問題,在這裡記一下。
如下面程式碼,當給script標籤同時新增src屬性和內容時,script會忽略內容中的程式碼,只執行引入的js中的語句。
<script src="example.js"> console.log('test'); </script>
當然,這不是重點。今天遇到的問題是我在寫script時寫成了如下格式
<script src='example.js' />
頁面中會顯示為如下格式,這裡就會出現個問題,example.js中的程式碼沒有執行
以前習慣會寫成<script></script>這種,覺得<script src="" />這樣的寫法也沒有問題,這裡真的是讓自己上了一課。之後在網上查了些資料,瞭解到了HTML標籤的閉合性。
HTML標籤是否閉合,可以通過將標籤分類進行判斷,大致分為有內容標籤和無內容標籤。像div,p,span這種就屬於有內容標籤,標籤內部可以新增內容,例如:<div>hello world</div>,像input,br,hr這種就屬於無內容標籤,寫法為 <input type="text" />, <br />。
但是script標籤需要單獨記憶,它屬於有內容標籤,內部可以寫入js程式碼,但是必須要寫成<script></script>這種形式,其他形式就會出現錯誤。
最後,列舉出一些無內容標籤,方便記憶。
<br> <hr> <img> <input> <link> <meta> <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>