標籤:表單元素 tar code mail 伺服器 原則 log 沒有 character
表頭<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:複選框
file:檔案選擇
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!
HTML學習隨筆