《HTML入門筆記1》

1.HTML的發(fā)明者是Tim Berners-Lee秆剪。

2.HTML 起手應(yīng)該寫什么

```

<!DOCTYPE?html>

<html?lang="en">

<head>

????<meta?charset="UTF-8">

????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">

????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">

????<title>Document</title>

</head>

<body>


</body>

</html>

```

3.常用的表示章節(jié)的標(biāo)簽有h1~h6、section脊岳、article纵揍、main顿乒、aside议街。

h1-h6表示標(biāo)題泽谨;section表示?文檔的某個(gè)區(qū)域;article表示獨(dú)立的內(nèi)容特漩;main表示了文檔的主體部分吧雹;aside表示側(cè)邊欄。


4.HTML的全局屬性列表:

accesskey

提供了為當(dāng)前元素生成鍵盤快捷鍵的提示涂身。這個(gè)屬性由空格分隔的字符列表組成雄卷。瀏覽器應(yīng)該使用在計(jì)算機(jī)鍵盤布局上存在的第一個(gè)。

autocapitalize

控制用戶的文本輸入是否和如何自動(dòng)大寫蛤售,它可以有以下的值:

off?or?none丁鹉,沒有應(yīng)用自動(dòng)大寫(所有字母都默認(rèn)為小寫字母)。

on?or?sentences悴能,每個(gè)句子的第一個(gè)字母默認(rèn)為大寫字母;所有其他字母都默認(rèn)為小寫字母揣钦。

words,每個(gè)單詞的第一個(gè)字母默認(rèn)為大寫字母;所有其他字母都默認(rèn)為小寫字母漠酿。

characters冯凹,所有的字母都應(yīng)該默認(rèn)為大寫。

class

一個(gè)以空格分隔的元素的類名(classes?)列表炒嘲,它允許 CSS 和 Javascript 通過類選擇器 (class selectors)?或DOM方法(document.getElementsByClassName)來選擇和訪問特定的元素宇姚。

contenteditable

一個(gè)枚舉屬性(enumerated attribute)匈庭,表示元素是否可被用戶編輯。?如果可以浑劳,瀏覽器會(huì)調(diào)整元素的部件(widget)以允許編輯阱持。

true?或者空字符串,表明元素是可被編輯的魔熏;

false紊选,表明元素不能被編輯。

contextmenu

<menu>?的id?道逗,作為該元素的上下文菜單(已經(jīng)不被支持兵罢,將從所有瀏覽器中刪除)。

data-*

一類自定義數(shù)據(jù)屬性滓窍,它賦予我們?cè)谒?HTML 元素上嵌入自定義數(shù)據(jù)屬性的能力卖词,并可以通過腳本(一般指JavaScript)?與HTML之間進(jìn)行專有數(shù)據(jù)的交換。所有這些自定義數(shù)據(jù)屬性都可以通過所屬元素的HTMLElement接口來訪問吏夯。HTMLElement.dataset屬性可以訪問它們此蜈。

dir

一個(gè)指示元素中文本方向的枚舉屬性。它的取值如下:

ltr, 指從噪生,用于那種從左向右書寫的語言(比如英語)裆赵;

rtl, 指從,用于那種從右向左書寫的語言(比如阿拉伯語)跺嗽;

auto, 指由用戶代理決定方向战授。它在解析元素中字符時(shí)會(huì)運(yùn)用一個(gè)基本算法,直到發(fā)現(xiàn)一個(gè)具有強(qiáng)方向性的字符桨嫁,然后將這一方向應(yīng)用于整個(gè)元素植兰。

draggable

一種枚舉屬性,指示是否可以 使用Drag and Drop API拖動(dòng)元素璃吧。它可以有以下的值:

true, 這表明元素可能被拖動(dòng)

false, 這表明元素可能不會(huì)被拖動(dòng)

dropzone?

枚舉屬性楣导,指示可以使用Drag and Drop API在元素上刪除哪些類型的內(nèi)容。 它可以具有以下值:

copy畜挨,表示drop將創(chuàng)建被拖動(dòng)元素的副本

move筒繁,表示拖動(dòng)的元素將移動(dòng)到此新位置。

link巴元,將創(chuàng)建一個(gè)指向拖動(dòng)數(shù)據(jù)的鏈接毡咏。

exportparts

Used to transitively export shadow parts from a nested shadow tree into a containing light tree.

hidden

布爾屬性表示該元素尚未或不再相關(guān)。例如务冕,它可用于隱藏在登錄過程完成之前無法使用的頁(yè)面元素血当。瀏覽器不會(huì)呈現(xiàn)此類元素。不得使用此屬性隱藏可合法顯示的內(nèi)容

id

定義唯一標(biāo)識(shí)符(ID),該標(biāo)識(shí)符在整個(gè)文檔中必須是唯一的臊旭。 其目的是在鏈接(使用片段標(biāo)識(shí)符)落恼,腳本或樣式(使用CSS)時(shí)標(biāo)識(shí)元素。

inputmode

向?yàn)g覽器提供有關(guān)在編輯此元素或其內(nèi)容時(shí)要使用的虛擬鍵盤配置類型的提示离熏。主要用于?<input>元素佳谦,但在contenteditable模式下可用于任何元素。

is

允許您指定標(biāo)準(zhǔn)HTML元素應(yīng)該像已注冊(cè)的自定義內(nèi)置元素一樣(有關(guān)更多詳細(xì)信息滋戳,請(qǐng)參閱使用自定義元素)钻蔑。

itemid

項(xiàng)的唯一全局標(biāo)識(shí)符。

itemprop

用于向項(xiàng)添加屬性奸鸯。 每個(gè)HTML元素都可以指定一個(gè)itemprop屬性咪笑,其中一個(gè)itemprop由一個(gè)名稱和值對(duì)組成。

itemref

只有不是具有itemscope屬性的元素的后代娄涩,它的屬性才可以與使用itemref項(xiàng)目相關(guān)聯(lián)窗怒。它提供了元素ID列表(而不是itemids)以及文檔中其他位置的其他屬性。

itemscope

itemscope(通常)與itemtype一起使用蓄拣,以指定包含在關(guān)于特定項(xiàng)目代碼塊中的HTML扬虚。?itemscope創(chuàng)建Item并定義與之關(guān)聯(lián)的itemtype的范圍。?itemtype是描述項(xiàng)及其屬性上下文的詞匯表(例如schema.org)的有效URL球恤。

itemtype

指定將用于在數(shù)據(jù)結(jié)構(gòu)中定義itemprops(項(xiàng)屬性)的詞匯表的URL辜昵。?itemscope用于設(shè)置數(shù)據(jù)結(jié)構(gòu)中按itemtype設(shè)置的詞匯表的生效范圍。

lang

幫助定義元素的語言:不可編輯元素所在的語言咽斧,或者應(yīng)該由用戶編寫的可編輯元素的語言堪置。該屬性包含一個(gè)“語言標(biāo)記”(由用連字符分隔的“語言子標(biāo)記”組成),格式在Tags for Identifying Languages (BCP47)中定義收厨。xml:lang優(yōu)先于它晋柱。

part

元素的部件名稱的空格分隔列表。Part名稱允許CSS通過::part()?偽元素選擇和設(shè)置陰影關(guān)聯(lián)樹中的特定元素诵叁。

slot

shadow DOM陰影關(guān)聯(lián)樹中的一個(gè)溝槽分配給一個(gè)元素:具有slot屬性的元素被分配給由<slot>元素創(chuàng)建的溝槽,其name屬性的值與slot屬性的值匹配钦椭。

spellcheck?

枚舉屬性定義是否可以檢查元素是否存在拼寫錯(cuò)誤拧额。它可能具有以下值:

true,表示如果可能彪腔,應(yīng)檢查元素是否存在拼寫錯(cuò)誤;

false, 表示不應(yīng)檢查元素的拼寫錯(cuò)誤侥锦。

style

含要應(yīng)用于元素的CSS樣式聲明。 請(qǐng)注意德挣,建議在單獨(dú)的文件中定義樣式恭垦。 該屬性和<style>元素主要用于快速樣式化,例如用于測(cè)試目的。

tabindex

整數(shù)屬性番挺,指示元素是否可以獲取輸入焦點(diǎn)(可聚焦)唠帝,是否應(yīng)該參與順序鍵盤導(dǎo)航,如果是玄柏,則表示哪個(gè)位置襟衰。它可能需要幾個(gè)值:

負(fù)值表示該元素應(yīng)該是可聚焦的,但不應(yīng)通過順序鍵盤導(dǎo)航到達(dá);

0?表示元素應(yīng)通過順序鍵盤導(dǎo)航可聚焦和可到達(dá)粪摘,但其相對(duì)順序由平臺(tái)約定定義;

正值意味著元素應(yīng)該可以通過順序鍵盤導(dǎo)航進(jìn)行聚焦和訪問;元素聚焦的順序是tabindex的增加值瀑晒。如果多個(gè)元素共享相同的tabindex,則它們的相對(duì)順序遵循它們?cè)谖臋n中的相對(duì)位置徘意。

title

包含表示與其所屬元素相關(guān)信息的文本苔悦。 這些信息通常可以作為提示呈現(xiàn)給用戶,但不是必須的椎咧。

translate?

枚舉屬性间坐,用于指定在頁(yè)面本地化時(shí)是否轉(zhuǎn)換元素的屬性值及其Text?節(jié)點(diǎn)子節(jié)點(diǎn)的值,或者是否保持它們不變邑退。它可以具有以下值:

空字符串和"yes"竹宋,表示元素將被翻譯。

"no", 表示該元素不會(huì)被翻譯地技。


5.常用的內(nèi)容標(biāo)簽有a蜈七、strong、em莫矗、code飒硅、pre ;

a的意思是超鏈接作谚;strong表示文本十分的重要三娩,用粗體表示;

em標(biāo)記出需要用戶著重閱讀的內(nèi)容妹懒,em元素是可以嵌套的雀监,嵌套層次越深,則其包含的內(nèi)容被認(rèn)定為越需要著重閱讀眨唬;

code就是在HTML文本里面加入代碼会前;

pre表示預(yù)定義格式文本,文本按照原文件那樣的格式去編排匾竿;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末瓦宜,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子岭妖,更是在濱河造成了極大的恐慌临庇,老刑警劉巖反璃,帶你破解...
    沈念sama閱讀 217,826評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異假夺,居然都是意外死亡淮蜈,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門侄泽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來礁芦,“玉大人,你說我怎么就攤上這事悼尾∈量郏” “怎么了?”我有些...
    開封第一講書人閱讀 164,234評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵闺魏,是天一觀的道長(zhǎng)未状。 經(jīng)常有香客問我,道長(zhǎng)析桥,這世上最難降的妖魔是什么司草? 我笑而不...
    開封第一講書人閱讀 58,562評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮泡仗,結(jié)果婚禮上埋虹,老公的妹妹穿的比我還像新娘。我一直安慰自己娩怎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評(píng)論 6 392
  • 文/花漫 我一把揭開白布截亦。 她就那樣靜靜地躺著爬泥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪崩瓤。 梳的紋絲不亂的頭發(fā)上袍啡,一...
    開封第一講書人閱讀 51,482評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音却桶,去河邊找鬼境输。 笑死,一個(gè)胖子當(dāng)著我的面吹牛肾扰,可吹牛的內(nèi)容都是我干的畴嘶。 我是一名探鬼主播,決...
    沈念sama閱讀 40,271評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼集晚,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了区匣?” 一聲冷哼從身側(cè)響起偷拔,我...
    開封第一講書人閱讀 39,166評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蒋院,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后莲绰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體欺旧,經(jīng)...
    沈念sama閱讀 45,608評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評(píng)論 3 336
  • 正文 我和宋清朗相戀三年蛤签,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辞友。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,926評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡震肮,死狀恐怖称龙,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情戳晌,我是刑警寧澤鲫尊,帶...
    沈念sama閱讀 35,644評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站沦偎,受9級(jí)特大地震影響疫向,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜豪嚎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評(píng)論 3 329
  • 文/蒙蒙 一搔驼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧侈询,春花似錦舌涨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至啦租,卻和暖如春哗伯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背篷角。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工焊刹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人恳蹲。 一個(gè)月前我還...
    沈念sama閱讀 48,063評(píng)論 3 370
  • 正文 我出身青樓虐块,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親嘉蕾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子贺奠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • HTML簡(jiǎn)介 1.HTML是誰發(fā)明的? 1990年左右错忱,Tim Berners-Lee(蒂姆·伯納斯·李)發(fā)明了萬...
    饑人谷_韓博閱讀 482評(píng)論 1 0
  • 萬維網(wǎng) WWW & HTML 的發(fā)明 WWW 簡(jiǎn)述 WWW = URL + HTTP + HTML WWW: Wo...
    饑人谷_AaronXu閱讀 576評(píng)論 0 0
  • 1 HTML歷史 1990年 Tim Berners-Lee實(shí)現(xiàn)HTTP客戶端與服務(wù)器的第一次通訊儡率,設(shè)計(jì)并構(gòu)建第一...
    蘇wisdom閱讀 295評(píng)論 0 0
  • 其實(shí)集成第三方SDK這件事情十分簡(jiǎn)單挂据,并不要把它想得多難,只要你做過一遍就會(huì)發(fā)現(xiàn)儿普,原來就這么容易啊崎逃。只要靜下心來,...
    Smallwolf_JS閱讀 6,997評(píng)論 12 15
  • J2SE篇幅 1.Java里頭的多態(tài)是什么意思眉孩? 首先必須要有繼承或者實(shí)現(xiàn)个绍,其次是要有方法的重寫,最后一個(gè)是父類引...
    tgcity閱讀 793評(píng)論 0 0