HTML學習隨筆

表頭<head>

<title> 瀏覽器標題欄顯示的內容html

<base> 有href和target屬性,href指定網頁中全部超連接的基本目錄,target指定打開超連接的方式,如_blank爲在新窗口中打開java

<meta> name網頁的描述信息,能夠設置網頁搜索的關鍵字keywords。http-equiv能夠設置自動刷新瀏覽器

如:<meta http-equiv=」refresh」 content=」3」;url=http://sina.com.cn」 /> 設置3秒自動刷新

<link> rel屬性:描述目標文檔與當前文檔的關係,type:文檔類型,media:目標文檔在哪一種設備上起做用,如顯示器或打印機tomcat


表單<form>

用來與服務端進行交互,意味着只要不和服務端交互就不須要form標籤安全

<input>的type屬性

  1. text:文本框服務器

  2. password:密碼框框架

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

  4. checkbox:複選框post

  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:abc@163.com?subject=haha&cc=qq@163.com" > 聯繫咱們 </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!

相關文章
相關標籤/搜索