參考資料
Html規(guī)范進階
基本規(guī)范
<!doctype html>
<html lang="en">
<head>
<!--可以簡化:<meta charset="utf-8">-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--定義網(wǎng)頁作者:gd.com-->
<meta name="Author" content="gd.com">
<!--網(wǎng)頁內(nèi)容的一組唯一的關鍵字:5個作用的關鍵字-->
<meta name="Keywords" content="java開發(fā),前段開發(fā)">
<!--反映網(wǎng)頁內(nèi)容的描述標簽:小于15個字-->
<meta name="Description" content="150 words">
<!-- 外部通用CSS文件:common.css去除CSS默認樣式 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<!-- 外部CSS文件:rel:指示被鏈接的文檔是一個樣式表 -->
<link rel="stylesheet" href="${base}/resources/new/css/common.css" />
<Link rel="shortcut icon" href="瀏覽器角標圖片的地址">
<!-- 外部JS文件 -->
<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
<title>H5的標準格式</title>
</head>
<body>
<h1>H5標準格式</h1>
<p></p>
</body>
</html>
- 一個HTML文件不僅包含文本內(nèi)容灾票,還包含一些Tag,中文稱“標記”茫虽。
- 一個HTML文件的后綴名是.htm或者是.html刊苍。
- HTML元素(HTML Element)用來標記(tag)文本既们,表示文本的內(nèi)容。比如body, p, title就是HTML元素正什。
- HTML元素可以擁有屬性,屬性可以擴展HTML元素的能力啥纸。
- 相對路徑和絕對路徑。反斜杠“\”是電腦出現(xiàn)了之后為了表示程序設計里的特殊含義才發(fā)明的專用標點婴氮。就是說脾拆,除了程序設計領域外,任何地方你都不應該有使用反斜杠的時候莹妒,請永遠使用正斜杠“/”名船。
- HTML的特殊字符。
- Table表格的創(chuàng)建旨怠。
- Form表單的創(chuàng)建渠驼。
- 列表的創(chuàng)建。(排序列表<ol><li>鉴腻、不排序列表<ul><li>迷扇、定義列表<dl><dt>)
- 習慣規(guī)范。
標簽名和屬性名稱盡量小寫 (屬性值具有語義化)
HTML標簽必須成對出現(xiàn)爽哎。(單標簽除外)
屬性值必須用引號括起來蜓席。(注意單引號和雙引號應用場合)
標簽必須正確嵌套。
內(nèi)容课锌、樣式厨内、功能分離出來。 - 單引號&雙引號
雙引號中可以嵌套單引號渺贤,但是不能嵌套雙引號雏胃。
常用布局
div-ul(ol)-li :常用于分類導航或菜單等。
div-dl-dt-dd :常用于圖文混編的場合志鞍。
table-tr-td :常用于圖文布局或顯示數(shù)據(jù)瞭亮。
form-table-tr-td:常用于布局表單。