HTML-常用標(biāo)簽

HTML,是我們?cè)趯W(xué)習(xí)前端的第一個(gè)門(mén)檻,它就仿佛是一個(gè)頁(yè)面的骨架。這里我們介紹一些html的常用標(biāo)簽以及知識(shí)點(diǎn)。

首先標(biāo)簽也有不同,常見(jiàn)的有空標(biāo)簽(在 HTML 中,通常在一個(gè)空元素上使用一個(gè)閉標(biāo)簽是無(wú)效的),常用的有img,input,hr,link,meta標(biāo)簽。

可替換標(biāo)簽(CSS 里,可替換元素(replaced element)的展現(xiàn)不是由CSS來(lái)控制的),常見(jiàn)的有img,input,video

全局屬性(以下屬性是通用的,并且可以在所有HTML元素上指定(即使在本規(guī)范中未定義的那些):

accesskey?class?contenteditable?dir?draggable?hidden?id?lang?spellcheck?style?tabindex?title?translate

分類介紹完了,再來(lái)看看常用的標(biāo)簽

<a>,全稱anchor(錨點(diǎn)),超鏈接(跳轉(zhuǎn)頁(yè)面(HTTP GET 請(qǐng)求)),它可以創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)、文件、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。跳轉(zhuǎn)頁(yè)面(HTTP GET 請(qǐng)求)

重要的屬性有href(為錨定義一個(gè)超文本鏈接來(lái)源),target(該屬性指定在何處顯示鏈接的資源。 取值為標(biāo)簽(tab),窗口(window),或框架(iframe)等瀏覽上下文的名稱或其他關(guān)鍵詞。以下關(guān)鍵字具有特殊的意義:)

_self: 當(dāng)前頁(yè)面加載,即當(dāng)前的響應(yīng)到同一HTML 4 frame(或HTML5瀏覽上下文)。此值是默認(rèn)的,如果沒(méi)有指定屬性的話。

_blank: 新窗口打開(kāi),即到一個(gè)新的未命名的HTML4窗口或HTML5瀏覽器上下文

_parent:?加載響應(yīng)到當(dāng)前框架的HTML4父框架或當(dāng)前的HTML5瀏覽上下文的父瀏覽上下文。如果沒(méi)有parent框架或者瀏覽上下文,此選項(xiàng)的行為方式相同_self。

_top: IHTML4中:加載的響應(yīng)成完整的,原來(lái)的窗口,取消所有其它frame。 HTML5中:加載響應(yīng)進(jìn)入頂層瀏覽上下文(即,瀏覽上下文,它是當(dāng)前的一個(gè)的祖先,并且沒(méi)有parent)。如果沒(méi)有parent框架或者瀏覽上下文,此選項(xiàng)的行為方式相同_self

href:

<form>標(biāo)簽? 跳轉(zhuǎn)頁(yè)面(HTTP POST 請(qǐng)求)

action(規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù))

method

瀏覽器使用這種HTTP?方式來(lái)提交 form. 可能的值有:

post: 指的是 HTTP?POST 方法?; 表單數(shù)據(jù)會(huì)包含在表單體內(nèi)然后發(fā)送給服務(wù)器.

get: 指的是 HTTP?GET 方法; 表單數(shù)據(jù)會(huì)附加在?action屬性的URI中,并以?'?' 作為分隔符, 然后這樣得到的?URI 再發(fā)送給服務(wù)器. 當(dāng)這樣做(數(shù)據(jù)暴露在URI里面)沒(méi)什么副作用,或者表單僅包含ASCII字符時(shí),再使用這種方法吧。

target一個(gè)名字或者說(shuō)關(guān)鍵字,用來(lái)指示在提交表單之后,在哪里顯示收到的回復(fù).?在?HTML 4 里, 這是一個(gè)用于?frame 的名字/關(guān)鍵字. 在 HTML5 里, 這是一個(gè)用于browsing context 瀏覽器上下文的名字/關(guān)鍵字?(舉例來(lái)說(shuō), 標(biāo)簽頁(yè)tab, 窗口window, or 或者行內(nèi)?frame). 如下的關(guān)鍵字含有特別的含義:

_self: 在當(dāng)前HTML4或HTML5文檔頁(yè)面重新加載返回值。這個(gè)是默認(rèn)值。譯注:也就是說(shuō)如果這個(gè)文檔在一個(gè)frame中的話,self是在當(dāng)前frame(document)中重新加載的,而不是整個(gè)頁(yè)面(window)。

_blank: 以新的HTML4或HTML5文檔窗口加載返回值。

_parent: 在父級(jí)的frame中以HTML4或HTML5文檔形式加載返回值,如果沒(méi)有父級(jí)的frame,行為和_self一致。

_top: 如果是HTML 4文檔: 清空當(dāng)前文檔,加載返回內(nèi)容;HTML5: 在當(dāng)前文檔的最高級(jí)內(nèi)加載返回值,如果沒(méi)有父級(jí),和_self的行為一致。

iframename: 返回值在指定frame中加載。

?iframe標(biāo)簽 嵌套頁(yè)面

input標(biāo)簽,空標(biāo)簽,常用屬性:

type??要呈現(xiàn)的控件類型。有關(guān)各個(gè)類型的信息(例如type=text,type=password)

name(與表單數(shù)據(jù)一起提交)

value(常常當(dāng)type=checkbox,radio使用)。加文本

table(表格),子元素thead,tbody,tfoot,colgroup,再次一級(jí)子元素(tr table row),td(table data),示例

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML(超文本標(biāo)記語(yǔ)言——HyperText Markup Language)是構(gòu)成 Web 世界的一磚一瓦。它...
    長(zhǎng)鯨向南閱讀 574評(píng)論 0 0
  • 對(duì)于新手來(lái)說(shuō),HTML的框架可以可以用IDE來(lái)解決,但是標(biāo)簽的用法還是需要通過(guò)自己的理解記憶來(lái)靈活運(yùn)用 <a>標(biāo)簽...
    生命在流逝閱讀 757評(píng)論 0 0
  • 一.<!DOCTYPE> 文檔聲明 格式:1.<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位于 標(biāo)...
    饑人谷_劉沖閱讀 565評(píng)論 0 2
  • HTML之所以稱為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。所謂超級(jí)鏈接,就是一種URL指針,通過(guò)激活...
    鋕畵閱讀 344評(píng)論 0 1
  • 這篇文章將簡(jiǎn)單介紹幾個(gè)在HTML常用的標(biāo)簽:iframe標(biāo)簽、a標(biāo)簽、form標(biāo)簽、input標(biāo)簽、button標(biāo)...
    宣澤彬閱讀 432評(píng)論 0 0

友情鏈接更多精彩內(nèi)容