您好,歡迎來到網暖!
?
當前位置:網暖 » 站長資訊 » 建站基礎 » 網絡技術 » 文章詳細 訂閱RssFeed

web前端入門到實戰:HTML、CSS、JavaScript分別實現什么功能?

來源:網絡整理 瀏覽:172次 時間:2019-12-10

學習Web前端開發基礎技術需要掌握:HTML、CSS、JavaScript,那么這三個都是分別實現什么功能的呢?下面和小編一起來看看吧!

web前端入門到實戰:HTML、CSS、JavaScript分別實現什么功能?

一、HTML是網頁內容的載體

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

二、CSS樣式是表現

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

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

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

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

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

HTML之代碼注釋:

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

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

HTML之語義化:

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

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

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

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

HTML之em、strong和span的區別:

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

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

HTML之summary,caption:

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

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

代碼注釋:

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

在Html中使用來標明

HTML選擇器的問題:

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

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

web前端開發學習Q-q-u-n: 767273102 ,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法(詳細的前端項目實戰教學視頻)

總結:

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

推薦站點

  • 騰訊騰訊

    騰訊網(www.QQ.com)是中國瀏覽量最大的中文門戶網站,是騰訊公司推出的集新聞信息、互動社區、娛樂產品和基礎服務為一體的大型綜合門戶網站。騰訊網服務于全球華人用戶,致力成為最具傳播力和互動性,權威、主流、時尚的互聯網媒體平臺。通過強大的實時新聞和全面深入的信息資訊服務,為中國數以億計的互聯網用戶提供富有創意的網上新生活。

    www.qq.com
  • 搜狐搜狐

    搜狐網是全球最大的中文門戶網站,為用戶提供24小時不間斷的最新資訊,及搜索、郵件等網絡服務。內容包括全球熱點事件、突發新聞、時事評論、熱播影視劇、體育賽事、行業動態、生活服務信息,以及論壇、博客、微博、我的搜狐等互動空間。

    www.sohu.com
  • 網易網易

    網易是中國領先的互聯網技術公司,為用戶提供免費郵箱、游戲、搜索引擎服務,開設新聞、娛樂、體育等30多個內容頻道,及博客、視頻、論壇等互動交流,網聚人的力量。

    www.163.com
  • 新浪新浪

    新浪網為全球用戶24小時提供全面及時的中文資訊,內容覆蓋國內外突發新聞事件、體壇賽事、娛樂時尚、產業資訊、實用信息等,設有新聞、體育、娛樂、財經、科技、房產、汽車等30多個內容頻道,同時開設博客、視頻、論壇等自由互動交流空間。

    www.sina.com.cn
  • 百度一下百度一下

    百度一下,你就知道

    www.baidu.com
?
买北京单场