HTML經常使用的幾個標籤簡介
1.<iframe>
標籤
HTML內聯框架元素 <iframe>
標籤表示嵌套的瀏覽上下文,有效地將另外一個HTML頁面嵌入到當前頁面中。javascript
屬性
1.frameborderjava
- 取值爲1時(默認值),告訴瀏覽器在當前iframe與其餘iframe之間繪製邊框,取0時則無需繪製此邊框。
2.nameweb
- 嵌入的瀏覽上下文(框架)的名稱。該名稱能夠用做
<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的超連接。post
屬性
1.hrefurl
1.1 沒有href屬性spa
- 這是沒有意義,自己和span沒有區別。
1.2 href="qq.com"code
- 打開的是一個相對文件路徑,並不會打開網址。
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
- 默認選中的選項。