Web前端之基礎知識

標籤：post   字型   web   round   cap   tracking   cto   article   asc   

學習web前端開發基礎技術須要掌握：HTML、CSS、Javascript

1.HTML是網頁內容的載體

內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，能夠包括文字、圖片、視頻等。

2.CSS樣式是表現

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

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

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

比方：滑鼠滑過彈出下拉式功能表、滑鼠滑過表格的背景顏色改變、焦點新聞的輪換。

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

HTML之代碼凝視：

代碼凝視是協助程式猿標註代碼的作用，過一段時間後再看你所編寫的代碼，就能非常快想起這段代碼的作用。

代碼凝視不僅方便程式猿自己回顧起曾經代碼的用途，還能夠協助其它程式猿非常快的讀懂你的程式的功能。方便多人合作開發網頁代碼。

HTML之語義化：

語義化事實上就是明確每一個標籤的用途，它可以讓你的網頁更好的被搜尋引擎理解。

它的優點能夠總結為兩點：

(1)更easy被搜尋引擎收錄；

(2)更easy讓螢幕助讀程式讀出網頁內容；

HTML之em、strong和span的差別：

(1)<em>和<strong>標籤是為了強調一段話中的keyword時使用，他們的語義是強調；

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

HTML之summary,caption：

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

摘要的內容不會在瀏覽器中顯示出來。它的作用是添加表格的可讀性（語義化），使搜尋引擎更好的讀懂表格內容，還能夠使螢幕助讀程式更好的協助特殊使用者讀取表格內容。

代碼凝視：

在CSS中的凝視語句：用/*凝視語句*/來標明

在Html中使用<!--凝視語句-->來標明

HTML選取器的問題：

後代選取器與子選取器的差別

子選取器（child selector）僅是指它的直接後代。或者你能夠理解為作用於子項目的第一代後代。而後代選取器是作用於全部子後代元素。後代選取器通過空格來進行選擇，而子選取器是通過“>”進行選擇。

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

Web前端之基礎知識