今天蓝鸥西安HTML5培训机构给大家分享一下:前端开发学习指南
1语义
HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。
你需要理解你正在使用的元素的语义。用一种错误的方式使用语义元素比保持中立更糟糕。
2简洁
保持代码的简洁。忘记原来的XHTML习惯。
3可访问性
可访问性不应该是以后再想的事情。提高网站不需要你成为一个WCAG专家,你完全可以通过修复一些小问题,从而造成一个巨大的变化,例如:
学习正确使用alt 属性
确保链接和按钮被同样地标记(不允许
)
不专门依靠颜色来传递信息
明确标注表单控件
4语言
当定义语言和字符编码是可选择的时候,总是建议在文档级别同时声明,即使它们在你的HTTP标头已经详细说明。比任何其他字符编码更偏爱UTF-8。
5性能
除非有正当理由才能在内容前加载脚本,不要阻塞页面的渲染。如果你的样式表很重,开头就孤立那些绝对需要得样式,并在一个单独的样式表中推迟二次声明的加载。两个HTTP请求显然比一个慢,但是感知速度是重要的因素。
6分号
虽然分号在技术上是CSS一个分隔符,但应该始终把它作为一个终止符。
7盒子模型
盒子模型对于整个文档而言尽量是相同的。全局性的* { box-sizing: border-box; }就非常不错,但是不要改变默认盒子模型的特定元素,如果可以避免的话。
流
不要更改元素的默认行为,如果可以避免的话。元素尽可能地保持在自然的文档流中。同样,如果可以避免的话,不要关闭元素流。
9定位
在CSS中有许多定位元素的方法,但应该尽量限制以下属性/值。
10选择器
小化紧密耦合到DOM的选择器。当选择器有多于3个结构伪类,后代或兄弟选择器的时候,考虑添加一个类到你想匹配的元素。
11特异性
不要让值和选择器难以覆盖。尽量少用id,并避免!important。
覆盖
覆盖样式使得选择器和调试变得困难。如果可能的话,避免覆盖样式。
13继承
不要重复可以继承的样式声明。
14简洁
保持代码的简洁。使用简写属性,没有必要的话,要避免使用多个属性。
15语言
英语表达优于数学公式。
浏览器引擎前缀
果断地删除过时的浏览器引擎前缀。如果需要使用的话,可以在标准属性前插入它们。
17动画
视图转换优于动画。除了opacity 和transform,避免动画其他属性。
蓝鸥西安分中心是蓝鸥科技的第六家分中心,专注于iOS、Android、HTML5开发、UI设计,师资力量强大,教学经验丰富,环境优美,交通便利,始终坚持让教育回归本质的教学理念,学习HTML5,做前端开发,就来蓝鸥科技!
联系我时请说明来自志趣网,谢谢!