學(xué)習(xí)Web前端開發(fā)基礎(chǔ)技術(shù)需要掌握：HTML、CSS、JavaScript，那么這三個(gè)都是分別實(shí)現(xiàn)什么功能的呢？下面和小編一起來看看吧！

創(chuàng)新互聯(lián)主營(yíng)晉城網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,晉城h5微信平臺(tái)小程序開發(fā)搭建,晉城網(wǎng)站營(yíng)銷推廣歡迎晉城等地區(qū)企業(yè)咨詢

一、HTML是網(wǎng)頁內(nèi)容的載體

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

二、CSS樣式是表現(xiàn)

就像網(wǎng)頁的外衣，比如：標(biāo)題字體、顏色變化、為標(biāo)題加入背景圖片、邊框等。

所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。

三、JavaScript是用來實(shí)現(xiàn)網(wǎng)頁上的特效效果

比如：鼠標(biāo)滑過彈出下拉菜單、鼠標(biāo)滑過表格的背景顏色改變、焦點(diǎn)新聞的輪換。

可以理解為：有動(dòng)畫的、有交互的一般都用JavaScript來實(shí)現(xiàn)。

HTML之代碼注釋：

代碼注釋是幫助程序員標(biāo)注代碼的作用，過一段時(shí)間后再看你所編寫的代碼，就能很快想起這段代碼的作用。

代碼注釋不僅方便程序員自己回憶起以前代碼的用途，還可以幫助其他程序員很快的讀懂你的程序的功能，方便多人合作開發(fā)網(wǎng)頁代碼。

HTML之語義化：

語義化其實(shí)就是明白每個(gè)標(biāo)簽的用途，它能夠讓你的網(wǎng)頁更好的被搜索引擎理解。

它的好處可以總結(jié)為兩點(diǎn)：

(1)更容易被搜索引擎收錄;

(2)更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容;

HTML之em、strong和span的區(qū)別：

(1)和標(biāo)簽是為了強(qiáng)調(diào)一段話中的關(guān)鍵字時(shí)使用，他們的語義是強(qiáng)調(diào);

(2)標(biāo)簽是沒有語義的，它的作用就是為了設(shè)置單獨(dú)的樣式用的;

HTML之summary,caption：

作用是為table添加標(biāo)題和摘要

摘要的內(nèi)容不會(huì)在瀏覽器中顯示出來，它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內(nèi)容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容。

代碼注釋：

在CSS中的注釋語句：用/注釋語句/來標(biāo)明

在Html中使用來標(biāo)明

HTML選擇器的問題：

后代選擇器與子選擇器的區(qū)別

子選擇器(child selector)僅是指它的直接后代，或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進(jìn)行選擇，而子選擇器是通過“>”進(jìn)行選擇。

web前端開發(fā)學(xué)習(xí)Q-q-u-n： 767273102 ，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法
（詳細(xì)的前端項(xiàng)目實(shí)戰(zhàn)教學(xué)視頻）

總結(jié)：

作用于元素的第一代后代，空格作用于元素的所有后代。