html css js知識點(diǎn)

  1. HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字扛施、圖片鸿捧、視頻等。

  2. CSS樣式是表現(xiàn)疙渣。就像網(wǎng)頁的外衣匙奴。比如妄荔,標(biāo)題字體泼菌、顏色變化,或?yàn)闃?biāo)題加入背景圖片啦租、邊框等哗伯。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。

  3. JavaScript是用來實(shí)現(xiàn)網(wǎng)頁上的特效效果篷角。如:鼠標(biāo)滑過彈出下拉菜單焊刹。或鼠標(biāo)滑過表格的背景顏色改變内地。還有焦點(diǎn)新聞(新聞圖片)的輪換伴澄。可以這么理解阱缓,有動畫的,有交互的一般都是用JavaScript來實(shí)現(xiàn)的举农。


什么叫做【語義化】呢荆针,說的通俗點(diǎn)就是:明白每個標(biāo)簽的用途(在什么情況下使用此標(biāo)簽合理)

從頁面顯示效果來看,被 < b> 和 < strong> 包圍的文字將會被加粗颁糟,而被 < i> 和 < em> 包圍的文字將以斜體的形式呈現(xiàn)航背。

< b> 和 < i> 創(chuàng)建之初就是簡單地表示粗體和斜體樣式,但現(xiàn)在是 HTML5 的天下棱貌。語義化是 HTML5 最大的特性之一玖媚,而所有被 HTML5 保留的標(biāo)簽都帶有其特有的語義,< b> 和 < i> 也不例外婚脱,它們分別被重新賦予了語義今魔。相比較而言,標(biāo)簽的樣式反而變得無足輕重障贸,所以上面所講的兩組標(biāo)簽错森,雖然樣式上表現(xiàn)極其相似,但其實(shí)語義上各有側(cè)重篮洁。

【i】元素代表在普通文本中具有不同語態(tài)或語氣的一段文本涩维,某種程度上表明一段不同特性的文本,比如一個分類學(xué)名稱袁波,一個技術(shù)術(shù)語瓦阐,一個外語習(xí)語蜗侈,一個音譯,一個想法睡蟋,或者西方文本中的一艘船名宛篇。

【b】 元素代表側(cè)重實(shí)用目的而不帶有任何額外重要性也不暗示不同語態(tài)或語氣的一段文本,比如一段文本摘要中的關(guān)鍵詞薄湿、一段審查中的產(chǎn)品名稱叫倍、文本驅(qū)動軟件中的可執(zhí)行語句或者一篇文章的導(dǎo)語。

【em】 元素代表對其內(nèi)容的強(qiáng)調(diào)豺瘤。強(qiáng)調(diào)位置的不同通常會帶來整個句子含義的變化吆倦。

【strong】 元素代表內(nèi)容的強(qiáng)烈的重要性、嚴(yán)重性或者緊急性坐求〔显螅可以被用在標(biāo)題(heading)、說明(caption)或者段落(paragraph)上桥嗤,來顯示這部分被包圍的文字的重要性须妻。可以被用來標(biāo)記警告或者警示標(biāo)志泛领』睦簦可以被用來表示需要被盡快看見的部分。需要注意的是渊鞋,< strong> 元素僅僅對文本內(nèi)容的重要性绰更、嚴(yán)重性或緊急性產(chǎn)生作用,而不像 <em> 對句子含義進(jìn)行改變锡宋。

小結(jié):
< em>用于對文本內(nèi)容進(jìn)行強(qiáng)調(diào)儡湾,強(qiáng)調(diào)位置的不同通常會改變句子的含義。如果僅僅在語態(tài)或語氣上為了突出某一個文本执俩,那應(yīng)該使用 < i>徐钠。但如果為了突出某一部分的重要性、嚴(yán)重性或緊急性役首,那應(yīng)該使用 < strong>尝丐。根據(jù) W3C 對 < b> 元素的說明,< b>元素應(yīng)當(dāng)是在其他標(biāo)簽都不合適的情況下最后一個考慮使用的標(biāo)簽宋税。相同的摊崭,在考慮使用 < i>之前,也要想想是否用 < em>杰赛、< strong>呢簸、< dfn>或 < mark>等元素更合適。

好處:

  1. 更容易被搜索引擎收錄。
  2. 更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容根时。

DOM 是為了操作文檔出現(xiàn)的 API瘦赫,document 是其的一個對象;
BOM 是為了操作瀏覽器出現(xiàn)的 API蛤迎,window 是其的一個對象确虱。

當(dāng)瀏覽器并排放置2個內(nèi)聯(lián)元素時(shí),用邊界之和來計(jì)算他們之間的空間替裆。
當(dāng)瀏覽器并列放置2個內(nèi)聯(lián)元素時(shí)校辩,重疊邊界的高度是最大值的值。

塊元素忽略漂移元素辆童,而內(nèi)聯(lián)元素知道它們在那兒宜咒。
當(dāng)你在一個塊元素中設(shè)置了clear屬性時(shí),它會把一個塊元素向下移把鉴,直到它的右邊或左邊都沒有漂移元素故黑。

漂移元素必須設(shè)置一個明確的寬度值,不能是默認(rèn)的庭砍。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末场晶,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子怠缸,更是在濱河造成了極大的恐慌诗轻,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凯旭,死亡現(xiàn)場離奇詭異概耻,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)罐呼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來侦高,“玉大人嫉柴,你說我怎么就攤上這事》钋海” “怎么了计螺?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長瞧壮。 經(jīng)常有香客問我登馒,道長,這世上最難降的妖魔是什么咆槽? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任陈轿,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘麦射。我一直安慰自己蛾娶,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布潜秋。 她就那樣靜靜地躺著蛔琅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪峻呛。 梳的紋絲不亂的頭發(fā)上罗售,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天,我揣著相機(jī)與錄音钩述,去河邊找鬼寨躁。 笑死,一個胖子當(dāng)著我的面吹牛切距,可吹牛的內(nèi)容都是我干的朽缎。 我是一名探鬼主播,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼谜悟,長吁一口氣:“原來是場噩夢啊……” “哼话肖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起葡幸,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤最筒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蔚叨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體床蜘,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年蔑水,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了邢锯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,918評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡搀别,死狀恐怖丹擎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情歇父,我是刑警寧澤蒂培,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站榜苫,受9級特大地震影響护戳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜垂睬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一媳荒、第九天 我趴在偏房一處隱蔽的房頂上張望抗悍。 院中可真熱鬧,春花似錦肺樟、人聲如沸檐春。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽疟暖。三九已至,卻和暖如春田柔,著一層夾襖步出監(jiān)牢的瞬間俐巴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工硬爆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留欣舵,地道東北人。 一個月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓缀磕,卻偏偏與公主長得像缘圈,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子袜蚕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評論 2 361

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