HTML標(biāo)簽的數(shù)量是有很多的,每個(gè)標(biāo)簽都有自己的用途浪读。這就是HTML語義化的一方面昔榴。方便理解,運(yùn)用碘橘。具體的每個(gè)標(biāo)簽的含義可以查看我的上篇文檔html簡(jiǎn)介下面介紹一些比較常用標(biāo)簽互订,但是他們又有一些小的技巧是我們平時(shí)不容易發(fā)現(xiàn)的。
iframe標(biāo)簽
- iframe標(biāo)簽自帶一個(gè)
frameborder="1"
的屬性痘拆,我們使用時(shí)應(yīng)該把它給去掉仰禽,用frameborder="0"
覆蓋。 -
name
屬性纺蛆,定義自身窗口的名稱吐葵,配合a
標(biāo)簽的target
屬性,可以實(shí)現(xiàn)點(diǎn)擊a
標(biāo)簽桥氏,在指定的frame
窗口中打開的功能折联。 -
src
屬性,定義了iframe
窗口要展示的網(wǎng)頁地址识颊。 -
sandbox
可以對(duì)iframe
啟動(dòng)額外的限制條件。如果屬性值為空,表示限制條件全部啟用祥款,若不為空清笨,即用空格分隔的一系列指定的字符串。比如說允許窗口執(zhí)行JavaScript,只有這樣寫sandbox="allow-scripts"
a標(biāo)簽
-
target
屬性代表指定位置打開鏈接刃跛,對(duì)應(yīng)的值有-
_blank
在新窗口打開鏈接 -
_self
在自身窗口打開鏈接抠艾,默認(rèn)值 -
_parent
在父窗口打開鏈接 -
_top
在頂級(jí)窗口打開鏈接
-
-
download
下載鏈接地址的內(nèi)容(有的網(wǎng)站會(huì)禁止你下載的)。 -
href
代表鏈接地址-
http://www.baidu.com
打開指定鏈接地址 -
//www.baidu.com
用與當(dāng)前網(wǎng)頁相同的協(xié)議打開鏈接地址桨昙,有http
检号,https
,一般ftp方式打開 -
/xxx.html
直接打開在域名后接/xxx.html的鏈接地址 -
#sss
跳轉(zhuǎn)到錨點(diǎn)位置 -
?name=666
添加查詢參數(shù)蛙酪,并跳轉(zhuǎn)
-
form標(biāo)簽
form標(biāo)簽其實(shí)也是在跳轉(zhuǎn)鏈接齐苛,只不過form跳轉(zhuǎn)鏈接是發(fā)起的是post請(qǐng)求,并且可以攜帶第四部分的參數(shù)到服務(wù)器桂塞。
-
method
指定發(fā)起的請(qǐng)求的方式一般指定為post
-
form
提交也可以攜帶查詢參數(shù) - 只要是
http
協(xié)議提交數(shù)據(jù)凹蜂,密碼在網(wǎng)絡(luò)中就是明文傳遞的,不安全阁危。推薦使用https
玛痊,傳遞機(jī)密數(shù)據(jù)。
button標(biāo)簽
- 如果
form
標(biāo)簽中只用一個(gè)<button>
標(biāo)簽狂打,并且標(biāo)簽的type
屬性未指定擂煞,那么button
按鈕,自動(dòng)升級(jí)為submit
按鈕 - 指定
input
的type
類型為submit
也可以提交form
label標(biāo)簽
- 把
input
標(biāo)簽包裹在label
中趴乡,可以建立label
與input
的聯(lián)系对省。點(diǎn)擊label
中的內(nèi)容,可以觸發(fā)input
點(diǎn)擊效果浙宜。
textarea標(biāo)簽
- css設(shè)置
resize:none;
可以禁用可拖拽功能
table標(biāo)簽
-
<thead>
表格頭部 -
<tbody>
表格主體 -
<tfoot>
表格底部 -
<tr>
table row 表格行 -
<th>
table header 表頭 -
<td>
table data 表格數(shù)據(jù) -
<colgroup>
表格列組官辽,用來定義列表中的一組列表。 -
<col>
表示表格中的列粟瞬,屬性bgcolor
可以訂閱某列的背景色同仆。