摘要:全部的取值如下關(guān)于屬性解釋五元素作用將另一個頁面嵌入到當(dāng)前頁面中知識點標(biāo)簽?zāi)壳耙呀?jīng)很少用到。頁面頁面頁面屬性取值空值刷新并返回頂部錨點不會刷新頁面,不發(fā)起請求,點了沒反應(yīng)。
一、什么是空標(biāo)簽
沒有閉合的標(biāo)簽稱為空標(biāo)簽。
一個空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一個不可能存在子節(jié)點(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。
二、什么是可替換標(biāo)簽
可替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性,來決定元素的具體顯示內(nèi)容
MDN解釋 可替換元素(replaced element)的展現(xiàn)效果不是由 CSS
來控制的。這些元素是一種外部對象,它們外觀的渲染,是獨立于 CSS 的。簡單來說,它們的內(nèi)容不受當(dāng)前文檔的樣式的影響。CSS 可以影響可替換元素的位置,但不會影響到可替換元素自身的內(nèi)容。
某些可替換元素,例如
CSS 能對可替換元素產(chǎn)生的唯一影響在于,部分屬性支持控制元素內(nèi)容在其框中的位置或定位方式。
舉例說明:瀏覽器會根據(jù)img標(biāo)簽的src屬性的值來讀取圖片信息并顯示出來,而如果查看HTML代碼,卻看不到圖片的實際內(nèi)容;又例如根據(jù)input標(biāo)簽的type屬性來決定是顯示輸入框,還是單選按鈕等。這些元素往往沒有實際的內(nèi)容,即是一個空元素。
典型的可替換元素有:
有些元素僅在特定情況下被作為可替換元素處理,例如:
三、全局屬性
MDN 是所有HTML元素共有的屬性; 它們可以用于所有元素,即使屬性可能對某些元素不起作用。我們可以在所有的HTML元素上指定全局屬性,甚至是在標(biāo)準(zhǔn)里沒有指定的元素。這意味著任何非標(biāo)準(zhǔn)元素仍必須能夠應(yīng)用這些屬性,即使使用這些元素意味著文檔不再是html5兼容的。
四、display屬性
這個太多了,貼個MDN鏈接大家有興趣看看吧?。?!
MDN
屬性指定了元素的顯示類型,它包含兩類基礎(chǔ)特征,用于指定元素怎樣生成盒模型——外部顯示類型定義了元素怎樣參與流式布局的處理,內(nèi)部顯示類型定義了元素內(nèi)子元素的布局方式。
display 的一些取值已經(jīng)在其多帶帶的規(guī)范中給出了完整的定義;在文末的表格中可以找到所有規(guī)范的鏈接。全部的取值如下:
MDN關(guān)于display屬性解釋
五、iframe元素
作用:將另一個HTML頁面嵌入到當(dāng)前頁面中
知識點:
iframe標(biāo)簽?zāi)壳耙呀?jīng)很少用到。
frameborder:iframe默認(rèn)有邊框,frameborder為1有邊框為0無邊框。
iframe的src屬性可以寫相對路徑
示例解釋:
iframe默認(rèn)打開鏈接為空,有2個a標(biāo)簽,target屬性值和iframe的name屬性值設(shè)置為相同,則點擊a標(biāo)簽,會在iframe打開
相對路徑打開 打開百度
六、a標(biāo)簽知識點
6.1target屬性
_blank:瀏覽器新標(biāo)簽打開
_self:當(dāng)前頁面(自己)打開
_parent:父級頁面打開
_top最頂端頁面打開
示例說明:
頁面1iframe通過相對路徑引入test1.html,頁面2通過相對路徑引入test2.html,頁
面3的a標(biāo)簽target屬性分四種。
_blank:瀏覽器新標(biāo)簽打開頁面
_self:在test2頁面自身打開
_parent:在test1頁面打開
_top:在test頁面打開
test頁面通過iframe嵌入test1,test1通過iframe嵌入test2。
頁面1 頁面2test1
頁面3test2
_blank _self _parent _top
6.2href屬性取值:
空值:刷新并返回頂部
#錨點:不會刷新頁面,不發(fā)起請求,點了沒反應(yīng)。
http協(xié)議:根據(jù)target屬性,點擊后當(dāng)或新標(biāo)簽打開鏈接
下載:a標(biāo)簽下載屬性須通過服務(wù)器方式,本地file路徑是打開新標(biāo)簽不是下載。
**//baidu.com無協(xié)議絕對地址:瀏覽器根據(jù)當(dāng)前協(xié)議,補全無協(xié)議鏈接的協(xié)議。
file協(xié)議:
如果用 file:// 協(xié)議瀏覽頁面,就會訪問到 file://qq.com,這是一個不存在的路徑
應(yīng)該盡量不使用 file:// 協(xié)議預(yù)覽網(wǎng)頁,以免無協(xié)議鏈接出錯
偽協(xié)議:
空值 錨點 http協(xié)議 下載 無協(xié)議(遵從當(dāng)前頁面協(xié)議) 相對路徑 ?name=test放查詢參數(shù) ?name=test偽協(xié)議 ---偽協(xié)議可以在用戶點擊 a 時執(zhí)行一段 javascript 代碼 ---偽協(xié)議可以在當(dāng)前頁面執(zhí)行一段代碼 ---偽協(xié)議可以實現(xiàn)「點擊之后沒有任何動作的 a 標(biāo)簽」,滿足一些奇葩需求
七、forme標(biāo)簽知識點:
7.1a標(biāo)簽和forme標(biāo)簽請求區(qū)別
都是發(fā)起請求,唯一區(qū)別是a標(biāo)簽發(fā)起get請求,from發(fā)起post請求。
from標(biāo)簽必須要有提交按鈕,否則無法提交
7.2action參數(shù)
get請求默認(rèn)將action參數(shù)放到查詢參數(shù)
post默認(rèn)將action參數(shù)放到請求第四部分form data
可以通過給action加參數(shù)讓post也有查詢參數(shù),但沒辦法讓get請求有第四部分,比如(users?zzz=3)
八、input標(biāo)簽知識點:
1、復(fù)選框:通過label標(biāo)簽包裹input可以自動關(guān)聯(lián),點擊me和復(fù)選框,都可選中
2、單選框:多個單選框(input的type為radio時),設(shè)置每個input的name屬性為相同
值,即可做到只能選一個
3、如果一個form標(biāo)簽內(nèi)只有一個button且沒寫type屬性,瀏覽器會自動升級為提交按
鈕(submit)如果寫了type屬性,則按屬性執(zhí)行
不寫type屬性和type屬性為button,點擊效果不同,有屬性的不提交,無屬性的瀏
覽器自動升級
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/55032.html
摘要:一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。 工欲善其事必先利其器-前端實習(xí)簡歷篇 - 掘金 有幸認(rèn)識很多在大廠工作的學(xué)長,在春招正式開始前為我提供很多內(nèi)部推薦的機會,非常感謝他們對我的幫助?,F(xiàn)在就要去北京了,對第一份正式的實習(xí)工作也充滿期待,也希望把自己遇到的一些問題和...
摘要:最近的計劃是業(yè)余時間學(xué)習(xí)后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺很遙遠。為了快速進入后臺的開發(fā),我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業(yè)余時間學(xué)習(xí)Java后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺...
摘要:最近的計劃是業(yè)余時間學(xué)習(xí)后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺很遙遠。為了快速進入后臺的開發(fā),我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業(yè)余時間學(xué)習(xí)Java后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺...
摘要:最近的計劃是業(yè)余時間學(xué)習(xí)后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺很遙遠。為了快速進入后臺的開發(fā),我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業(yè)余時間學(xué)習(xí)Java后臺方面的知識,發(fā)現(xiàn)學(xué)習(xí)的過程中,要學(xué)的東西真多啊,讓我一下子感覺...
閱讀 2829·2021-11-22 14:44
閱讀 574·2021-11-22 12:00
閱讀 3710·2019-08-30 15:54
閱讀 1606·2019-08-29 17:15
閱讀 1926·2019-08-29 13:50
閱讀 1144·2019-08-29 13:17
閱讀 3540·2019-08-29 13:05
閱讀 1203·2019-08-29 11:31