您好,登錄后才能下訂單哦!
HTML的語法:
對于屬性的定義,確保全部使用雙引號,絕不要使用單引號;
不要再自閉合(self-closing)元素的尾部添加斜線;
不要省略可選的結束標簽(closing tag).
語言屬性:
根據html5規范:強烈建議為html根元素指定lang屬性,從而為文檔設置正確的語言。
這將有助于語音合成工具確定其所應該采用的發音,有助于翻譯工具確定其翻譯時所應遵循的規則等。
<html lang="zh-CN">
<!-- ... -->
</html>
IE兼容模式:
IE通過指定的<meta>標簽來確定繪制當前頁面所采用的IE版本。
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
字符編碼:
通過聲明字符編碼,能夠確保瀏覽器快速病容易的判斷頁面內容的渲染方式。
避免在HTML中使用字符實體標記(character entity),從而全部與編碼格式一致(一般采用UTF-8編碼)。
<head>
<meta charset="UTF-8">
</head>
引入CSS與JavaScript文件:
根據H5規范,在引入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 用于標識高度可復用組件,因此應該排在首位。
布爾型屬性:
布爾型屬性可以在聲明時不賦值。XHTML規范要求為其賦值,H5規范不要求。
元素的布爾型屬性如果有值,就是true,如果沒有值,就是false。
<input type="text" disabled> <input type="checkbox" value="1" checked> <select> <option value="1" selected>1</option> </select>
減少標簽的數量:編寫html代碼時,盡量避免多余的父元素。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。