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),示例

