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