HTML其實就是把頁面的數據封裝並加上標簽 表頭<head> <title> 瀏覽器標題欄顯示的內容 <base> 有href和target屬性,href指定網頁中所有超鏈接的基本目錄,target指定打開超鏈接的方式,如_blank為在新視窗中打開 <me ...
HTML其實就是把頁面的數據封裝並加上標簽
表頭<head>
<title> 瀏覽器標題欄顯示的內容
<base> 有href和target屬性,href指定網頁中所有超鏈接的基本目錄,target指定打開超鏈接的方式,如_blank為在新視窗中打開
<meta> name網頁的描述信息,可以設置網頁搜索的關鍵字keywords。http-equiv可以設置自動刷新
如:<meta http-equiv=”refresh” content=”3”;url=http://sina.com.cn” /> 設置3秒自動刷新
<link> rel屬性:描述目標文檔與當前文檔的關係,type:文檔類型,media:目標文檔在哪種設備上起作用,如顯示器或印表機
表單<form>
用來與服務端進行交互,意味著只要不和服務端交互就不需要form標簽
<input>的type屬性
text:文本框
password:密碼框
radio:單選框,需要指定同一組(即name值相同)
checkbox:覆選框
hidden:隱藏組件。不會在頁面上顯示,但其定義的name和value可以提交給伺服器
botton:按鈕組件。預設沒有效果,可以通過註冊事件並加入自定義效果
submie:提交按鈕
reset:重置按鈕
image:圖像組件。可以通過image的src屬性連接一個按鈕圖片代替submit
下垃菜單<select>
每一個下拉菜單項都由option進行封裝
<select>
<option></option>
<option></option>
</select>
文本區域<textarea>
表格<table>
<table>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
超鏈接<a>
<a href="http://www.sina.com.cn" target="_blank"> 新浪網站<a>
http:為解析程式,即使用http協議解析鏈接。設置target屬性,在新視窗打開鏈接。
<a href="mailto:[email protected]?subject=haha&[email protected]" > 聯繫我們 </a>
當點擊超鏈接時,就會出現郵件相關聯的解析程式,本機預設的是outlook.
鏈接訊雷的解析程式可以自己百度,這裡就不說了。
form標簽常見屬性
action
method(get和post)
get和post區別:
get會將提交的數據顯示在瀏覽器的地址欄上,post則不會
get提交的數據的體積受地址欄的限制(即不能超過地址欄的長度),post沒有這種限制
get對於敏感信息不安全(如用戶名和密碼),post安全
get會將提交的信息封裝在請求行,即http消息頭之前,post會將提交信息封裝在數據何體中,即http消息頭之後的空行後
對於伺服器來說:
表單form提交數據儘量用post,因為涉及到編碼問題。tomcat服務端預設的解碼是ISO8859-1
對於post提交的中文,在服務端可以直接使用setCharacterEncoding("gbk")就可以解決。而對於get提交的中文,在服務端只能通過ISO8859-1將數據編碼一次,再通過指定的碼表(如GBK)解碼。
其他
<label>標簽:當點擊用戶名這欄時(不是點擊文本框)或按Ctrl+u快捷鍵,焦點也會到了文本框內
<label acdessky=”u” for=”userid”> <tr> <td> 用戶名(U):</td> <td> <input type=”text” name=”user” id=”userid” /></td> </tr> </label>
- 書寫鏈接地址時,必須避免重定向,例如:href="http://sina.com/",即須在URL地址後面加上"/"
- 在頁面中儘量避免使用style屬性,即style="..."
必須為含有描述性的表單元素(input,textarea)添加label。
<p> <label for=”name”>姓名:</label> <input type=”text” id=”name” /> </p>
- 能以背景形式呈現的圖片,儘量寫入CSS樣式中
- 重要圖片必須加上alt屬性
- class和id的使用:id是唯一的並是父級的,class是可以重覆的並是子級的,所以id僅使用在大的模塊上,class可用在重覆使用率高及子級中。id原則上都是由分發框架文件時命名的,為javaScript預留鉤子的除外。
為javaScript預留鉤子的命名,請以js_起始,比如: js _show、js _hide。
over!