HTML學習隨筆

來源:互聯網
上載者:User

標籤:表單元素   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屬性
  1. text:文字框

  2. password:密碼框

  3. radio:單選框,需要指定同一組(即name值相同)

  4. checkbox:複選框

  5. file:檔案選擇

  6. hidden:隱藏組件。不會在頁面上顯示,但其定義的name和value可以提交給伺服器

  7. botton:按鈕組件。預設沒有效果,可以通過註冊事件並加入自訂效果

  8. submie:提交按鈕

  9. reset:重設按鈕

  10. 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"&gt; 新浪網站<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)解碼。

其他
  1. <label>標籤:當點擊使用者名稱這欄時(不是點擊文字框)或按Ctrl+u快速鍵,焦點也會到了文字框內

    <label acdessky=”u” for=”userid”><tr><td> 使用者名稱(U):</td><td> <input type=”text” name=”user” id=”userid” /></td></tr></label>
  2. 書寫連結地址時,必須避免重新導向,例如:href="http://sina.com/",即須在URL地址後面加上"/"
  3. 在頁面中盡量避免使用style屬性,即style="..."
  4. 必須為含有描述性的表單元素(input,textarea)添加label。

    <p><label for=”name”>姓名:</label><input type=”text” id=”name” /></p>
  5. 能以背景形式呈現的圖片,盡量寫入CSS樣式中
  6. 重要圖片必須加上alt屬性
  7. class和id的使用:id是唯一的並是父級的,class是可以重複的並是子級的,所以id僅使用在大的模組上,class可用在重複使用率高及子級中。id原則上都是由分發架構檔案時命名的,為javaScript預留鉤子的除外。
  8. 為javaScript預留鉤子的命名,請以js_起始,比如: js _show、js _hide。

over!

HTML學習隨筆

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.