HTML常用標(biāo)簽

HTML之所以稱為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。所謂超級(jí)鏈接,就是一種URL指針,通過(guò)激活(點(diǎn)擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。

TML是一種規(guī)范,一種標(biāo)準(zhǔn),它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件,通過(guò)在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁(yè)文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤,且不停止其解釋執(zhí)行過(guò)程,編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是,對(duì)于不同的瀏覽器,對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋,因而可能會(huì)有不同的顯示效果。?

要想在頁(yè)面上顯示各種符號(hào),需要根據(jù)html的符號(hào)對(duì)照表來(lái)進(jìn)行編寫。?

p&br&hr

p 表示段落,默認(rèn)段落上下會(huì)有行間距;?

br 是換行,自閉和標(biāo)簽;?

hr 是橫線;

Iframe:嵌套頁(yè)面

iframe常用屬性:

1.frameborder:是否顯示邊框,1(yes),0(no)

2.height:框架作為一個(gè)普通元素的高度,建議在使用css設(shè)置。

3.width:框架作為一個(gè)普通元素的寬度,建議使用css設(shè)置。

4.name:框架的名稱,window.frames[name]時(shí)專用的屬性。

5.scrolling:框架的是否滾動(dòng)。yes,no,auto。

6.src:內(nèi)框架的地址,可以使頁(yè)面地址,也可以是圖片的地址。

7.srcdoc , 用來(lái)替代原來(lái)HTML body里面的內(nèi)容。但是IE不支持, 不過(guò)也沒(méi)什么卵用

8.sandbox: 對(duì)iframe進(jìn)行一些列限制。

上面一些tag,會(huì)在下文進(jìn)行穿插說(shuō)明,單個(gè)不好說(shuō)。

上面一些tag,會(huì)在下文進(jìn)行穿插說(shuō)明,單個(gè)不好說(shuō)。

我們通常使用iframe最基本的特性,就是能自由操作iframe和父框架的內(nèi)容(DOM). 但前提條件是同域. 如果跨域頂多只能實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)window.location.href.

那什么是同域/ 什么是跨域呢?

就是判斷你的url首部是否一樣,下面會(huì)有講解,這里只是提及。

同域不同域的問(wèn)題:

A:<iframe id="mainIframe" name="mainIframe" src="/main.html" frameborder="0" scrolling="auto"></iframe>

B:<iframe id="mainIframe" name="mainIframe" src="http://www.baidu.com" frameborder="0" scrolling="auto"></iframe>

使用A時(shí),因?yàn)橥颍疙?yè)面可以對(duì)子頁(yè)面進(jìn)行改寫,反之亦然。

使用B時(shí),不同域,父頁(yè)面沒(méi)有權(quán)限改動(dòng)子頁(yè)面,但可以實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)

這里,我們先從簡(jiǎn)單的開始,當(dāng)主頁(yè)面和iframe同域時(shí),我們可以干?些什么。

獲取Iframe里的內(nèi)容:

主要的兩個(gè)API就是contentWindow,和contentDocument?iframe.contentWindow, 獲取iframe的window對(duì)象?iframe.contentDocument, 獲取iframe的document對(duì)象,這兩個(gè)API只是DOM節(jié)點(diǎn)提供的方式(即getELement系列對(duì)象)。

另外更簡(jiǎn)單的方式是,結(jié)合Name屬性,通過(guò)window提供的frames獲取。

在iframe中獲取父級(jí)內(nèi)容:

同理,在同域下,父頁(yè)面可以獲取子iframe的內(nèi)容,那么子iframe同樣也能操作父頁(yè)面內(nèi)容。在iframe中,可以通過(guò)在window上掛載的幾個(gè)API進(jìn)行獲取.。

window.parent 獲取上一級(jí)的window對(duì)象,如果還是iframe則是該iframe的window對(duì)象

window.top 獲取最頂級(jí)容器的window對(duì)象,即,就是你打開頁(yè)面的文檔

window.self 返回自身window的引用。可以理解 window===window.self(腦殘)

window.blanl 獲取當(dāng)前的window對(duì)象

a:跳轉(zhuǎn)頁(yè)面(HTTP GET 請(qǐng)求)

Html中 標(biāo)簽定義一個(gè)超鏈接,用于從一張頁(yè)面鏈接到另一張頁(yè)面,主要包括的屬性有:

href:指定標(biāo)簽的鏈接路勁,包括已經(jīng)寫好的鏈接文本路勁和鏈接到頁(yè)面中的一個(gè)錨點(diǎn)(id或name來(lái)定義的,這時(shí)瀏覽器地址后面會(huì)加上其id或name的值);

id:指定標(biāo)簽的id;

name:指定標(biāo)簽的名稱;

target:規(guī)定在何處打開鏈接文檔,可能的只有:

_blank: 在新窗口中打開被鏈接文檔。

_self: 默認(rèn)。在相同的框架中打開被鏈接文檔。

_parent: 在父框架集中打開被鏈接文檔。

_top: 在整個(gè)窗口中打開被鏈接文檔。

framename: 在指定的框架中打開被鏈接文檔。

title:設(shè)置鼠標(biāo)懸停在超鏈接上的時(shí)候,顯示該超鏈接的文字注釋;

mailto:創(chuàng)建E-mail鏈接,參數(shù)即為收件人地址;

cousor:指定鼠標(biāo)移上去樣式,可能的只有:

url

需被使用的自定義光標(biāo)的URL

注釋:請(qǐng)?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo),以防沒(méi)有由 URL 定義的可用光標(biāo)。

default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)

auto 默認(rèn)。瀏覽器設(shè)置的光標(biāo)。

crosshair 光標(biāo)呈現(xiàn)為十字線。

pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)

move 此光標(biāo)指示某對(duì)象可被移動(dòng)。

e-resize 此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。

ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)。

nw-resize 此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)。

n-resize 此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。

se-resize 此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)。

sw-resize 此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)。

s-resize 此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(北/西)。

w-resize 此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)。

text 此光標(biāo)指示文本。

wait 此光標(biāo)指示程序正忙(通常是一只表或沙漏)。

help 此光標(biāo)指示可用的幫助(通常是一個(gè)問(wèn)號(hào)或一個(gè)氣球)。

Form:跳轉(zhuǎn)頁(yè)面(HTTP POST 請(qǐng)求)


標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。

表單能夠包含 input 元素,比如文本字段、復(fù)選框、單選框、提交按鈕等等。

表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用于向服務(wù)器傳輸數(shù)據(jù)。

Input 系列:

Checkbox:多選框;

radio:?jiǎn)芜x框

filedset:獲得一個(gè)有名字的邊框

text:明文輸入信息

password:密文輸入信息

button:按鈕

submit:提交

reset:重置

file:選擇文件

textarea:備注信息框

form:表單,設(shè)置submit、reset數(shù)據(jù)的范圍,一般在一個(gè)form里的數(shù)據(jù)會(huì)被一起提交

ul:帶點(diǎn)的列表

ol:帶序號(hào)的列表

dl:遞歸的列表

?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • a標(biāo)簽及其屬性,詳細(xì)請(qǐng)參考MDN 元素可以創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)、文件、同一頁(yè)面內(nèi)的位置、電子郵件地址或任何其他URL...
    zzzZink閱讀 253評(píng)論 0 0
  • h1 - h6表示標(biāo)題,1-6級(jí)標(biāo)題 p表示段落 a表示鏈接,標(biāo)簽是需要閉合的。屬性:1 href :表示鏈接的...
    IsGirl閱讀 506評(píng)論 0 0
  • (一)常用標(biāo)簽 divspanulolaimgformbuttoninputtableh1, h2, h3pree...
    07120665a058閱讀 603評(píng)論 3 4
  • 1.DOCTYPE 用來(lái)選擇文檔類型 <!DOCTYPE html> //用于html5 2.HTML 元素 ...
    奈_4f97閱讀 583評(píng)論 0 0
  • title標(biāo)簽 title也是有助于SEO搜索引擎優(yōu)化的HTML不是依靠縮進(jìn)來(lái)表示嵌套的,就是看標(biāo)簽的包裹關(guān)系。H...
    Demo_Yang閱讀 546評(píng)論 0 2

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