Web前端相关段子

2015/12/22 08:58
阅读数 379

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

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部