HTML經常使用的幾個標籤

HTML經常使用的幾個標籤簡介

---

1.<iframe>標籤

HTML內聯框架元素 <iframe>標籤表示嵌套的瀏覽上下文，有效地將另外一個HTML頁面嵌入到當前頁面中。

屬性

1.frameborder

• 取值爲1時（默認值），告訴瀏覽器在當前iframe與其餘iframe之間繪製邊框，取0時則無需繪製此邊框。

2.name

• 嵌入的瀏覽上下文（框架）的名稱。該名稱能夠用做<a>標籤，<form>標籤的target屬性值，或<input> 標籤和 <button>標籤的formtaget屬性值。

3.height

• 以CSS像素格式HTML5，或像素格式HTML 4.01，或百分比格式指定frame的高度。

4.width

• 以CSS像素格式HTML5，或以像素格式HTML 4.01，或以百分比格式指定frame的寬度。

5.src

• 嵌套頁面的URL地址。使用遵照同源策略的 'about:blank' 來嵌套空白頁。

---

2.<a>標籤

HTML<a>(或錨元素) 能夠建立一個到其餘網頁、文件、同一頁面內的位置、電子郵件地址或任何其餘URL的超連接。

屬性

1.href

1.1 沒有href屬性

• 這是沒有意義，自己和span沒有區別。

1.2 href="qq.com"

• 打開的是一個相對文件路徑，並不會打開網址。

1.3 href="http://qq.com"

• 打開是一個網址。

1.4 href="//qq.com"

• 這是無協議，將會自動識別並繼承在它以前的協議。如果直接打開，識別的是file協議，如果指定了協議，例如localhost:8080//qq.com，則會識別http協議，從而打開qq網址。

1.5 href="javascript:;"

• 這是僞協議，這種寫法經常使用於一些奇怪的需求。
  不使用href，就點擊不了。
  使用href=""則會刷新本頁面。
  使用href="#"產生錨點，會調到頁面最上端。
  使用href="javascript:;"，不產生任何動做。
  使用href="javascript:alert(1)"，是存在可執行的。

1.6 href="?name=mamamoo"

• 這種狀況下表示會在url後面添加?name=mamamoo而且發起了一個get請求。

1.7 href="#xxx"

• 在url後面添加#xxx添加一個錨點，並不會發起請求。

2.download

• 可實現下載操做。

3.target
3.1 "_blank"

• 新開一個空白頁，打開網址。

3.2 "_self"

• 在自身窗口打開網址。

3.3 "_parent"

• 在父級窗口打開網址。

3.4 "_top"

• 在最上級窗口打開網址。

如：我用<iframe>在A窗口嵌套了B窗口，在B窗口中嵌套C窗口。那麼C窗口的父級指的是B，最上級指的是A。

---

3.<input>標籤

HTML <input> 元素用於爲基於Web的表單建立交互式控件，以便接受來自用戶的數據。

屬性

1.name

• 控件的名稱，與表單數據一塊兒提交。

2.value

• 控件的初始值. 此屬性是可選的，除非type 屬性是radio或checkbox。注意，當從新加載頁面時，若是在從新加載以前更改了值，Gecko和IE將忽略HTML源代碼中指定的值。

3.checked

• 若是該元素的type屬性的值爲radio或者checkbox,則該布爾屬性的存在與否代表了該控件是不是默認選擇狀態.

4.disabled

• 這個布爾屬性表示此表單控件不可用。

5.type

5.1 button

• 完好省行爲按鈕。

5.2 checkbox

• 複選框。必須使用 value 屬性定義此控件被提交時的值。使用 checked 屬性指示控件是否被選擇。

5.3 password

• 一個值被遮蓋的單行文本字段。使用 maxlength 指定能夠輸入的值的最大長度 。

5.4 radio

• 單選按鈕。必須使用 value 屬性定義此控件被提交時的值。使用checked 必須指示控件是否缺省被選擇。在同一個」單選按鈕組「中，全部單選按鈕的 name 屬性使用同一個值； 一個單選按鈕組中是，同一時間只有一個單選按鈕能夠被選擇。

5.5 submit

• 用於提交表單的按鈕。

5.6 text

• 默認的類型，單行字段；換行會將自動從輸入的值中移除。

---

4.<form>標籤

HTML <form> 元素 表示了文檔中的一個區域，這個區域包含有交互控制元件，用來向web服務器提交信息。

屬性

1.action

• 一個處理這個form信息的程序所在的URL。這個值能夠被 <button> 或者 <input> 元素中的 formaction 屬性重載（覆蓋）。

2.method

• a標籤和form標籤都是跳轉頁面，不過a標籤是get請求，form是post請求。get是獲取內容，post是提交內容。

3.name

• 這個form的名字。標籤要有name屬性，否則是沒法在請求中獲得。

4.target

• form標籤的target屬性和a標籤是同樣。

---

5.<button>標籤

HTML <button> 元素表示一個可點擊的按鈕，能夠用在表單或文檔其它須要使用簡單標準按鈕的地方。

屬性

1.name

• button的名稱，與表單數據一塊兒提交。

2.value

• button的初始值。它定義的值與表單數據的提交按鈕相關聯。當表單中的數據被提交時，這個值便以參數的形式被遞送至服務器。

3.type
3.1 submit

• 此按鈕提交表單數據給服務器。

3.2 reset

• 此按鈕重置全部組件爲初始值。

3.3 button

• 此按鈕沒有默認行爲。它能夠有與元素事件相關的客戶端腳本，當事件出現時可觸發。

3.4 menu

• 此按鈕打開一個由指定<menu>元素進行定義的彈出菜單。

---

6.<table>標籤

HTML的 <table>標籤表示表格數據,即經過二維數據表表示的信息。瀏覽器會按照<thead>、<tbody>、<tfoot>順序來進行顯示，不按照寫的順序顯示。並且它包括不少子元素，如：

---

7.<select>標籤

HTML <select> 標籤表示其提供選項菜單的控制。

屬性

1.multiple

• 支持多選。

2.disabled

• 選項中標記了disabled是沒法被選中。

3.selected

• 默認選中的選項。