溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Bootstrap入門

發(fā)布時間:2020-07-24 11:12:16 來源:網(wǎng)絡(luò) 閱讀:368 作者:Keepuping 欄目:開發(fā)技術(shù)

HTML的語法:

  • 對于屬性的定義,確保全部使用雙引號,絕不要使用單引號;

  • 不要再自閉合(self-closing)元素的尾部添加斜線;

  • 不要省略可選的結(jié)束標(biāo)簽(closing tag).

語言屬性:

    根據(jù)html5規(guī)范:強烈建議為html根元素指定lang屬性,從而為文檔設(shè)置正確的語言。

    這將有助于語音合成工具確定其所應(yīng)該采用的發(fā)音,有助于翻譯工具確定其翻譯時所應(yīng)遵循的規(guī)則等。

<html lang="zh-CN">
   <!-- ... -->
</html>

IE兼容模式:

    IE通過指定的<meta>標(biāo)簽來確定繪制當(dāng)前頁面所采用的IE版本。

   <meta http-equiv="X-UA-Compatible" content="IE=Edge">

字符編碼:

    通過聲明字符編碼,能夠確保瀏覽器快速病容易的判斷頁面內(nèi)容的渲染方式。

    避免在HTML中使用字符實體標(biāo)記(character entity),從而全部與編碼格式一致(一般采用UTF-8編碼)。

    <head>
       <meta charset="UTF-8">
   </head>

引入CSS與JavaScript文件:

    根據(jù)H5規(guī)范,在引入CSS和JS文件時一般不需要指定type屬性,因為text/css和text/javascript分別是他們的默認值。

<!-- External CSS -->
<link rel="stylesheet" href="code-guide.css">
   <!-- In-document CSS -->
   
<style>
 /* ... */
</style>

<!-- JavaScript -->
<script src="code-guide.js">

</script>

屬性順序:

確保代碼的易讀性:

  • class

  • id,name

  • data-*

  • src,for,type,href

  • title,alt

  • aria-*,role

    class 用于標(biāo)識高度可復(fù)用組件,因此應(yīng)該排在首位。

布爾型屬性:

布爾型屬性可以在聲明時不賦值。XHTML規(guī)范要求為其賦值,H5規(guī)范不要求。

元素的布爾型屬性如果有值,就是true,如果沒有值,就是false。

<input type="text" disabled>

<input type="checkbox" value="1" checked>

<select>
  <option value="1" selected>1</option>
</select>

減少標(biāo)簽的數(shù)量:編寫html代碼時,盡量避免多余的父元素。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI