HTML、CSS、JavaScript都能實現哪些功能?「新人必學基礎」

結學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript,本文詳細為你解答他們都是能實現哪些功能?

HTML、CSS、JavaScript都能實現哪些功能?「新人必學基礎」


1、HTML是網頁內容的載體

內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。

2、CSS樣式是表現

就像網頁的外衣,比如:標題字體、顏色變化、為標題加入背景圖片、邊框等。

所有這些用來改變內容外觀的東西稱之為表現。

3、JavaScript是用來實現網頁上的特效效果

比如:鼠標滑過彈出下拉菜單、鼠標滑過表格的背景顏色改變、焦點新聞的輪換。

可以理解為:有動畫的、有交互的一般都用JavaScript來實現。

HTML之代碼註釋:

代碼註釋是幫助程序員標註代碼的作用,過一段時間後再看你所編寫的代碼,就能很快想起這段代碼的作用。

代碼註釋不僅方便程序員自己回憶起以前代碼的用途,還可以幫助其他程序員很快的讀懂你的程序的功能,方便多人合作開發網頁代碼。

HTML、CSS、JavaScript都能實現哪些功能?「新人必學基礎」

HTML之語義化:

語義化其實就是明白每個標籤的用途,它能夠讓你的網頁更好的被搜索引擎理解。

它的好處可以總結為兩點:

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

(2)更容易讓屏幕閱讀器讀出網頁內容;

HTML之em、strong和span的區別:

(1)和標籤是為了強調一段話中的關鍵字時使用,他們的語義是強調;

(2)標籤是沒有語義的,它的作用就是為了設置單獨的樣式用的;

HTML之summary,caption:

作用是為table添加標題和摘要

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

代碼註釋:

在CSS中的註釋語句:用/*註釋語句*/來標明

在Html中使用來標明

HTML、CSS、JavaScript都能實現哪些功能?「新人必學基礎」

HTML選擇器的問題:

後代選擇器與子選擇器的區別

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

多年開發老碼農福利贈送:網頁製作,網站開發,web前端開發,從最零基礎開始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移動端小程序項目實戰【視頻+工具+電子書+系統路線圖】都有整理,需要的夥伴可以私信我,發送“前端”等3秒後就可以獲取領取地址,送給每一位對編程感興趣的小夥伴

總結:>作用於元素的第一代後代,空格作用於元素的所有後代。


分享到:


相關文章: