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