http常用標(biāo)簽簡(jiǎn)介


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按鈕
  • 指定inputtype類型為submit也可以提交form

label標(biāo)簽

  • input標(biāo)簽包裹在label中趴乡,可以建立labelinput的聯(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可以訂閱某列的背景色同仆。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市裙品,隨后出現(xiàn)的幾起案子俗批,更是在濱河造成了極大的恐慌,老刑警劉巖市怎,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岁忘,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡区匠,警方通過查閱死者的電腦和手機(jī)干像,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門帅腌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人麻汰,你說我怎么就攤上這事速客。” “怎么了五鲫?”我有些...
    開封第一講書人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵溺职,是天一觀的道長。 經(jīng)常有香客問我位喂,道長浪耘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任塑崖,我火速辦了婚禮七冲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘弃舒。我一直安慰自己癞埠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開白布聋呢。 她就那樣靜靜地躺著苗踪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪削锰。 梳的紋絲不亂的頭發(fā)上通铲,一...
    開封第一講書人閱讀 49,929評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音器贩,去河邊找鬼颅夺。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播枚钓,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼拗慨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起奉芦,我...
    開封第一講書人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤赵抢,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后声功,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體烦却,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年先巴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了其爵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片冒冬。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖摩渺,靈堂內(nèi)的尸體忽然破棺而出窄驹,到底是詐尸還是另有隱情,我是刑警寧澤证逻,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站抗斤,受9級(jí)特大地震影響囚企,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瑞眼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一龙宏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧伤疙,春花似錦银酗、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至锯蛀,卻和暖如春灭衷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背旁涤。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來泰國打工翔曲, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人劈愚。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓瞳遍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親菌羽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子掠械,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評(píng)論 1 41
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的算凿,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體份蝴。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,875評(píng)論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)氓轰,斷路器婚夫,智...
    卡卡羅2017閱讀 134,637評(píng)論 18 139
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS署鸡、java...
    廖少少閱讀 2,082評(píng)論 2 21
  • HTML5< !--...--> 標(biāo)簽 comment 注釋標(biāo)簽用于在源文檔中插入注釋案糙。注釋內(nèi)容不會(huì)被瀏覽器顯示限嫌。...
    野小寶閱讀 1,322評(píng)論 0 10