Html和CSS的關(guān)系,學(xué)習(xí)web前端開(kāi)發(fā)基礎(chǔ)技術(shù)需要掌握:HTML、CSS、JavaScript語(yǔ)言。下面我們就來(lái)了解下這三門(mén)技術(shù)都是用來(lái)實(shí)現(xiàn)什么的:
HTML是網(wǎng)頁(yè)內(nèi)容的載體。內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。
CSS樣式是表現(xiàn)。就像網(wǎng)頁(yè)的外衣。比如,標(biāo)題字體、顏色變化,或?yàn)闃?biāo)題加入背景圖片、邊框等。所有這些用來(lái)改變內(nèi)容外觀的東西稱(chēng)之為表現(xiàn)。
JavaScript是用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)上的特效效果。如:鼠標(biāo)滑過(guò)彈出下拉菜單。或鼠標(biāo)滑過(guò)表格的背景顏色改變。還有焦點(diǎn)新聞(新聞圖片)的輪換。可以這么理解,有動(dòng)畫(huà)的,有交互的一般都是用JavaScript來(lái)實(shí)現(xiàn)的。
語(yǔ)義化,讓你的網(wǎng)頁(yè)更好的被搜索引擎理解
在這一章節(jié)我們要開(kāi)始把網(wǎng)頁(yè)中常用到的標(biāo)簽一 一向大家介紹,學(xué)習(xí)這一章節(jié)的時(shí)候要記住學(xué)習(xí)html標(biāo)簽過(guò)程中,主要注意兩個(gè)方面的學(xué)習(xí):標(biāo)簽的用途、標(biāo)簽在瀏覽器中的默認(rèn)樣式。
標(biāo)簽的用途:我們學(xué)習(xí)網(wǎng)頁(yè)制作時(shí),常常會(huì)聽(tīng)到一個(gè)詞,語(yǔ)義化。那么什么叫做語(yǔ)義化呢,說(shuō)的通俗點(diǎn)就是:明白每個(gè)標(biāo)簽的用途(在什么情況下使用此標(biāo)簽合理)比如,網(wǎng)頁(yè)上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽,網(wǎng)頁(yè)上的各個(gè)欄目的欄目名稱(chēng)也可以使用標(biāo)題標(biāo)簽。文章中內(nèi)容的段落就得放在段落標(biāo)簽中,在文章中有想強(qiáng)調(diào)的文本,就可以使用 em 標(biāo)簽表示強(qiáng)調(diào)等等。
講了這么多語(yǔ)義化,但是語(yǔ)義化可以給我們帶來(lái)什么樣的好處呢?
更容易被搜索引擎收錄。
更容易讓屏幕閱讀器讀出網(wǎng)頁(yè)內(nèi)容。
標(biāo)簽的語(yǔ)法
標(biāo)簽由英文尖括號(hào)<和>括起來(lái),如<html>就是一個(gè)標(biāo)簽。
html中的標(biāo)簽一般都是成對(duì)出現(xiàn)的,分開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽。結(jié)束標(biāo)簽比開(kāi)始標(biāo)簽多了一個(gè)/。