web前端基礎技術三要素HTML、CSS、JavaScript

　　 好程式設計師web 前端培訓分享 學習web 前端開發基礎技術需要掌握： HTML 、 CSS 、 JavaScript ，本文詳細為你解答他們都是能實現哪些功能？

　　 1HTML 是網頁內容的載體

　　 內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、影片等。

　　 2CSS 樣式是表現

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

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

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

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

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

　　 HTML 之程式碼註釋：

　　 程式碼註釋是幫助程式設計師標註程式碼的作用，過一段時間後再看你所編寫的程式碼，就能很快想起這段程式碼的作用。

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

　　 HTML 之語義化：

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

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

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

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

　　 HTML 之 em 、 strong 和 span 的區別：

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

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

　　 HTML 之 summary,caption ：

　　 作用是為table 新增標題和摘要

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

　　 程式碼註釋：

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

　　 在Html 中使用來標明

　　 HTML 選擇器的問題：

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

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

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