Web前端相關段子

Web標準：結構、樣式和行爲分離

使用語義化標籤

0）標籤的語義：使用有良好語義的標籤，可以很好地實現自我解釋，方便搜索引擎理解網頁結構，抓取重要內容。去樣式後也會根據瀏覽器的默認樣式很好的組織網頁內容，具備很好的可讀性，從而實現對特殊終端的兼容。

1）div和span是沒有語義的：只是分別用做塊級元素和行內元素的區域分隔符。當頁面內標籤沒法知足設計需求時，纔會適當添加div和span等無語義標籤來輔助實現。

3）語義良好：去掉樣式，網頁結構仍組織良好有序有很好的可讀性。

2）Table佈局是早期的一種hack用法，後來推出CSS，就是用CSS佈局

4）table中經常使用的標籤還有：caption, thead, tbody, tfoot, th, td, tr

5）不要使用純樣式標籤，如b, font..

 

界面設計

UI用戶界面，用戶和界面，涉及用戶調研、交互設計、界面設計。
1）設計維度：版式、色彩、圖片、字體、段落、細節  
2）界面設計流程：需求-策劃-原型圖-設計圖-製做-上線發佈  
3）基本規範：色彩規範、文字規範、圖標規範、控件規範  
4）字體的選擇：  
5）色彩的運用：色相、明度、純度、對比色、互補色、同類色  
6）視覺層次：近大遠小、近實遠虛、色彩層次、元素層次  

 

CSS

1）CSS的API，如何使用CSS控制頁面內元素的樣式

2）CSS框架，如何對CSS進行組織。常見：base, common, page