您好,登錄后才能下訂單哦!
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代碼時,盡量避免多余的父元素。
免責(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)容。