Web前端之基礎知識
學習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前端之基礎知識