摘要:簡(jiǎn)介萬(wàn)維網(wǎng)聯(lián)盟,,又稱理事會(huì),是萬(wàn)維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織。這些屬性被稱為布爾屬性,他們只能有跟它的屬性名一樣的屬性值所以不需要寫屬性值。
HTML拾遺
W3C 簡(jiǎn)介這篇博文用來(lái)記錄我在寫html的時(shí)候遇到的不清楚的、沒有理解的、未能察覺的、反復(fù)使用搜索引擎查詢的點(diǎn)和一些總結(jié)性的知識(shí)。方便查閱。不定期更新。
這篇博文內(nèi)容來(lái)源為網(wǎng)絡(luò),包含自己的理解總結(jié),歡迎在評(píng)論區(qū)指出錯(cuò)誤。
文章引用的內(nèi)容版權(quán)歸原作者所有,侵權(quán)刪除。
萬(wàn)維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C),又稱W3C理事會(huì),是萬(wàn)維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織。MDN 簡(jiǎn)介
萬(wàn)維網(wǎng)聯(lián)盟(W3C)由蒂姆·伯納斯-李于1994年10月離開歐洲核子研究中心(CERN)后成立,該組織試圖通過(guò)W3C制定的新標(biāo)準(zhǔn)來(lái)促進(jìn)業(yè)界成員間的兼容性和協(xié)議。聯(lián)盟試圖讓所有的供應(yīng)商實(shí)施一套W3C推薦標(biāo)準(zhǔn)。為解決網(wǎng)絡(luò)應(yīng)用中不同平臺(tái)、技術(shù)和開發(fā)者帶來(lái)的不兼容問(wèn)題,保障網(wǎng)絡(luò)信息的順利和完整流通,萬(wàn)維網(wǎng)聯(lián)盟制定了一系列標(biāo)準(zhǔn)并督促網(wǎng)絡(luò)應(yīng)用開發(fā)者和內(nèi)容提供者遵循這些標(biāo)準(zhǔn)。標(biāo)準(zhǔn)的內(nèi)容包括使用語(yǔ)言的規(guī)范,開發(fā)中使用的導(dǎo)則和解釋引擎的行為等等。W3C也制定了包括XML和CSS等的眾多影響深遠(yuǎn)的標(biāo)準(zhǔn)規(guī)范。
CSS:層疊樣式表
DOM:文檔對(duì)象模型
HTML:超文本標(biāo)記語(yǔ)言
RDF:資源描述框架
SMIL:同步多媒體集成語(yǔ)言
SVG:可縮放向量圖形
XHTML:可擴(kuò)展超文本標(biāo)記語(yǔ)言
XML:可擴(kuò)展標(biāo)記語(yǔ)言
——維基百科
Mozilla 開發(fā)者社區(qū)(MDN)是一個(gè)完整的學(xué)習(xí)平臺(tái),你可以在這里深入學(xué)習(xí)Web技術(shù)以及能夠驅(qū)動(dòng)Web的軟件,包括:
網(wǎng)絡(luò)標(biāo)準(zhǔn)(例如:CSS、HTML 和 JavaScript)
開發(fā)開放網(wǎng)絡(luò)應(yīng)用
開發(fā) Firefox 附加組件
MDN的使命很簡(jiǎn)單:提供給開發(fā)者們更輕易構(gòu)建Web項(xiàng)目的信息。我們致力于記錄互聯(lián)網(wǎng)上的開源技術(shù)。
關(guān)于MDN(官網(wǎng))
HTML5 所有標(biāo)簽列表HTML5標(biāo)簽列表(MDN)
這里列出了所有標(biāo)準(zhǔn)化的 HTML5 元素,使用起始標(biāo)簽描述,按照功能分組。與列出所有標(biāo)準(zhǔn)化的、非標(biāo)準(zhǔn)化的、有效的、廢棄的標(biāo)簽的
HTML 元素索引 不同的是,該頁(yè)只列出有效的 HTML5 元素。新網(wǎng)站應(yīng)當(dāng)只使用**這里列出的元素。符號(hào) 這個(gè)元素在 HTML5 中加入 代表該元素是在 HTML5
中新增的。另外注意,這里列出的其他元素可能在 HTML5 標(biāo)準(zhǔn)中得到了擴(kuò)充或經(jīng)過(guò)修改。
HTML5(MND)
空標(biāo)簽空元素MDN
可替換元素和不可替換元素一個(gè)空元素(empty element)可能是 HTML,SVG,或者 MathML
里的一個(gè)不可能存在子節(jié)點(diǎn)(所以閉合標(biāo)簽沒有意義)(例如內(nèi)嵌的元素或者元素內(nèi)的文本)的element。在 HTML 中有以下這些空元素:
when the span is present
參考
可替換元素可替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性,來(lái)決定元素的具體顯示內(nèi)容。CSS 里,可替換元素(replaced element)的展現(xiàn)不是由CSS來(lái)控制的。這些元素是一類
外觀渲染獨(dú)立于CSS的外部對(duì)象。 典型的可替換元素有 、 、 和 表單元素,如、 。例如瀏覽器會(huì)根據(jù)標(biāo)簽的src屬性的值來(lái)讀取圖片信息并顯示出來(lái),而如果查看(x)html代碼,則看不到圖片的實(shí)際內(nèi)容;又例如根據(jù)標(biāo)簽的type屬性來(lái)決定是顯示輸入框,還是單選按鈕等。
總的來(lái)說(shuō),就是元素被替換成了其他內(nèi)容。
例如showImg("https://sfault-image.b0.upaiyun.com/196/367/1963673519-57ceecd475e87_articlex");
從上到下四條線分別是頂線、中線、基線、底線,vertical-align屬性中有top、middle、baseline、bottom,就是和這四條線相關(guān)。
行高是指上下文本行的基線間的垂直距離,即圖中兩條紅線間垂直距離。
a 標(biāo)簽注意點(diǎn) target屬性_blank新窗口
_self本窗口
_parent父窗口
_top頂層窗口
a標(biāo)簽加了download屬性,就會(huì)下載本html頁(yè)面。
一個(gè)網(wǎng)頁(yè)以兩種方式處理頁(yè)面,一個(gè)是顯示,一個(gè)是下載。
如果返回的響應(yīng)是
那么瀏覽器就以下載的方式打開這個(gè)頁(yè)面,不是以展示的形式打開這個(gè)頁(yè)面。
herf里面的屬性不能寫,因?yàn)樗鼤?huì)打開當(dāng)前路徑下的qq.com文件,必須加上協(xié)議。
還有一種是 a標(biāo)簽的無(wú)協(xié)議絕對(duì)地址,打開時(shí)所用協(xié)議為當(dāng)前頁(yè)面的協(xié)議。
盡量不要用用file協(xié)議。
解決方法:安裝http-server
在需要的有index預(yù)覽的目錄下面輸入hs –c-1,意思就是不要有緩存,然后打開本地服務(wù)器8080 端口,就能看到你的server了。
這時(shí)候再打開就是默認(rèn)的http協(xié)議打開騰訊的真正網(wǎng)站了,而不是file協(xié)議了。
所以herf支持無(wú)協(xié)議
下面兩個(gè)打開的都是本目錄下面的xxx.html
qq1 qq2
qq3 錨點(diǎn)
添加查詢字符串會(huì)發(fā)起一個(gè)get請(qǐng)求,而寫#的時(shí)候是不發(fā)請(qǐng)求的,因?yàn)?b>#錨點(diǎn)只是頁(yè)面內(nèi)的跳轉(zhuǎn)。
"javascrip: alert(1);"直接執(zhí)行js代碼,javascript:偽裝協(xié)議。
"javascrip:;"作用:如果想寫一個(gè)a標(biāo)簽,但是希望這個(gè)a標(biāo)簽不要跳轉(zhuǎn),就用這段話。原因如下:
如果直接寫的#會(huì)出現(xiàn)問(wèn)題,頁(yè)面會(huì)調(diào)回最頂部。
如果不謝herf屬性,a標(biāo)簽就和span沒有區(qū)別。不會(huì)有跳轉(zhuǎn)。
#會(huì)刷新頁(yè)面,也不行。
所以最終偽協(xié)議"javascrip:;"不能不加分號(hào),不加分號(hào)就會(huì)出現(xiàn)錯(cuò)誤,因?yàn)閔erf會(huì)認(rèn)為javascrip:是一個(gè)協(xié)議,而協(xié)議后面如果沒有內(nèi)容,就會(huì)出現(xiàn)錯(cuò)誤,所以加了分號(hào)意思就是協(xié)議結(jié)束,且什么都不做。
安裝http-server
-g的意思是全局安裝
目錄已經(jīng)加入到path里面了,所以可以直接用hs或者http-server這個(gè)命令。
http-server作用就是當(dāng)時(shí)寫的那個(gè)nodejs簡(jiǎn)易服務(wù)器一樣,可以不用寫代碼,直接將本地的8080端口作為服務(wù)器端口,接受請(qǐng)求。
form 標(biāo)簽注意事項(xiàng)get請(qǐng)求是請(qǐng)求得到頁(yè)面,post請(qǐng)求是請(qǐng)求提交數(shù)據(jù)
a標(biāo)簽發(fā)起的是get請(qǐng)求,form一般發(fā)起的是post請(qǐng)求,發(fā)get請(qǐng)求沒有意義。
除了post方法之外沒有別的方法可以上傳第四部分的請(qǐng)求。
請(qǐng)求四個(gè)部分:請(qǐng)求頭,keyvalue,回車,內(nèi)容
http協(xié)議,提交的內(nèi)容都是明文的。加入中間有人截取內(nèi)容,那么就能被截取到。
所有不是英文的字符,在提交表單中,都會(huì)被轉(zhuǎn)義,每個(gè)字節(jié)都會(huì)轉(zhuǎn)換為UTF-8,且前面會(huì)加%號(hào)。
如果form表單使用的是get方法,那么會(huì)把提交的內(nèi)容放到查詢參數(shù)里面,而post會(huì)把提交的內(nèi)容放到第四部分。
也可以讓post出現(xiàn)查詢參數(shù),直接在action里寫就會(huì)出現(xiàn)。
在form中,如果沒有指定type,且只有一個(gè)button,那么他會(huì)升級(jí)為提交按鈕。
label for id 獲取焦點(diǎn),即可以跟input關(guān)聯(lián)起來(lái)。簡(jiǎn)易寫法用label把input包起來(lái)。
多選checkbox使用方法:提交時(shí)name=value。(此處使用get方法是為了方便在瀏覽器地址欄中查看查詢字符串)
單選radio使用方法使用方法也是name=value,但是name相同時(shí)只能選擇一個(gè)。
select使用方法
注意select的屬性multiple,意思是可多選多選。
注意option兩個(gè)屬性,disabled,selected,不可選擇和默認(rèn)選擇。
單行文本框和多行文本框一定要加上name。
結(jié)果:文本框里填寫的內(nèi)容就是value的值
form的action屬性作用是指定請(qǐng)求路徑。
form的method屬性作用是指定請(qǐng)求動(dòng)詞。
table 標(biāo)簽注意事項(xiàng)tr是“table row(表格行)”的縮寫,用于表示一行的開始和結(jié)束。這也容易理解。
td是“table data(表格數(shù)據(jù))”的縮寫,用于表示行中各個(gè)單元格(cell)的開始和結(jié)束。
用法
去掉border之間空隙
有時(shí)你會(huì)看到沒有值的屬性,它是合法的。這些屬性被稱為布爾屬性,他們只能有跟它的屬性名一樣的屬性值(所以不需要寫屬性值)。例如 disabled 屬性,他們可以標(biāo)記表單輸入使之變?yōu)椴豢捎?變灰色),此時(shí)用戶不能向他們輸入任何數(shù)據(jù)。
采用如下簡(jiǎn)寫更佳(下面一句為可用可輸入數(shù)據(jù)的文本框,以作為對(duì)比):
轉(zhuǎn)義符(實(shí)體引用)
在HTML中,字符 <, >,"," 和 & 是特殊字符. 它們是HTML語(yǔ)法自身的一部分, 那么你如何將這些字符包含進(jìn)你的文本中呢, 比如說(shuō)如果你真的想要在文本中使用符號(hào)&或者小于號(hào), 而不想讓它們被瀏覽器視為代碼并被解釋?
我們必須使用字符引用 —— 表示字符的特殊編碼, 它們可以在那些情況下使用. 每個(gè)字符引用以符號(hào)&開始, 以分號(hào);結(jié)束
< < > > " " " ' & &HTML中的空白
在HTML代碼中包含了很多的空格——這是沒有必要的;下面的兩個(gè)代碼片段是等價(jià)的:
Dogs are silly.
Dogs are silly.
無(wú)論你用了多少空白(包括空白字符,包括換行), 當(dāng)渲染這些代碼的時(shí)候,HTML解釋器會(huì)將連續(xù)出現(xiàn)的空白字符減少為一個(gè)多帶帶的空格符.
那么多的空白就是為了代碼的可讀性。
元數(shù)據(jù)就是描述數(shù)據(jù)的數(shù)據(jù),而HTML有一個(gè)“官方的”方式來(lái)為一個(gè)文檔添加元數(shù)據(jù),—— 元素。
有很多不同種類的 元素可以被包含進(jìn)你的頁(yè)面的元素,例如指定你的文檔中字符的編碼。這個(gè)元素簡(jiǎn)單的指定了文檔的字符編碼 —— 在這個(gè)文檔中被允許使用的字符集。 utf-8 是一個(gè)通用的字符集,它包含了任何人類語(yǔ)言中的大部分的字符。 這意味著你的web頁(yè)面可以顯示任意的語(yǔ)言。
utf-8是unicode字符集的一種編碼方式,unicode字符集可收錄的字符個(gè)數(shù)為65536-21024+10241024=1112064.一百多萬(wàn)個(gè),但目前世界上所有文字符號(hào)加起來(lái)也沒這么多,所以u(píng)nicode字符集還有很多位置是沒有用上的。雜亂的小點(diǎn) HTML5標(biāo)簽
nav footer main
搜索框
滑動(dòng)條
章節(jié)
dl dt dd 用法:
描述, 描述標(biāo)題,描述數(shù)據(jù)
如果用戶瀏覽器不支持script中的內(nèi)容,則會(huì)顯示noscript中的內(nèi)容。
小點(diǎn)記錄表示語(yǔ)氣重,表示地位重
多行文本
button可以有子元素,input不可以有子元素
Css目前只支持橫向布局,縱向布局,這樣寫css最方便,因?yàn)樗胁季?,不管是有誤內(nèi)嵌,最終全都轉(zhuǎn)化為這兩種布局
英文釋義display:展示
specifies指定
alternate備用
audio音頻
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/52107.html
摘要:簡(jiǎn)介萬(wàn)維網(wǎng)聯(lián)盟,,又稱理事會(huì),是萬(wàn)維網(wǎng)的主要國(guó)際標(biāo)準(zhǔn)組織。這些屬性被稱為布爾屬性,他們只能有跟它的屬性名一樣的屬性值所以不需要寫屬性值。 HTML拾遺 這篇博文用來(lái)記錄我在寫html的時(shí)候遇到的不清楚的、沒有理解的、未能察覺的、反復(fù)使用搜索引擎查詢的點(diǎn)和一些總結(jié)性的知識(shí)。方便查閱。不定期更新。 這篇博文內(nèi)容來(lái)源為網(wǎng)絡(luò),包含自己的理解總結(jié),歡迎在評(píng)論區(qū)指出錯(cuò)誤。 文章引用的內(nèi)容版權(quán)歸原...
摘要:本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的解釋語(yǔ)言和編譯型語(yǔ)言解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。命令會(huì)有變量聲明提前的效果。硬綁定參考不同是返回對(duì)應(yīng)函數(shù),便于稍后調(diào)用則是立即調(diào)用。 本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的~ 解釋語(yǔ)言和編譯型語(yǔ)言 解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。編譯型語(yǔ)言在程序執(zhí)行之前...
摘要:本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的解釋語(yǔ)言和編譯型語(yǔ)言解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。命令會(huì)有變量聲明提前的效果。硬綁定參考不同是返回對(duì)應(yīng)函數(shù),便于稍后調(diào)用則是立即調(diào)用。 本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的~ 解釋語(yǔ)言和編譯型語(yǔ)言 解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。編譯型語(yǔ)言在程序執(zhí)行之前...
摘要:本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的解釋語(yǔ)言和編譯型語(yǔ)言解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。命令會(huì)有變量聲明提前的效果。硬綁定參考不同是返回對(duì)應(yīng)函數(shù),便于稍后調(diào)用則是立即調(diào)用。 本文主要是對(duì)自己前端知識(shí)遺漏點(diǎn)的總結(jié)和歸納,希望對(duì)大家有用,會(huì)持續(xù)更新的~ 解釋語(yǔ)言和編譯型語(yǔ)言 解釋型語(yǔ)言與編譯型語(yǔ)言的區(qū)別翻譯時(shí)間的不同。編譯型語(yǔ)言在程序執(zhí)行之前...
閱讀 3536·2021-09-27 13:35
閱讀 3575·2019-08-29 17:09
閱讀 2465·2019-08-26 11:30
閱讀 715·2019-08-26 10:32
閱讀 550·2019-08-26 10:23
閱讀 1209·2019-08-26 10:20
閱讀 3164·2019-08-23 15:26
閱讀 3575·2019-08-23 14:33