Web前端相关段子

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/braveCS/blog/548777