HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字扛施、圖片鸿捧、視頻等。
CSS樣式是表現(xiàn)疙渣。就像網(wǎng)頁的外衣匙奴。比如妄荔,標(biāo)題字體泼菌、顏色變化,或?yàn)闃?biāo)題加入背景圖片啦租、邊框等哗伯。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。
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>等元素更合適。
好處:
- 更容易被搜索引擎收錄。
- 更容易讓屏幕閱讀器讀出網(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)的庭砍。