前端如何提高网站品质

如何提高网站品质

1. 符合主流标准

H5 C3 web验证(代码经过官方的验证通过)

2. HTML

  • DOCTYPE 确定当前正在适用的界面的版本;这样浏览器会快速一致的显示当前页面。主要包括 HTML 4.0.1 XML 1.0 HTML5 三个大类;每一个大类包括严格模式、传统模式、框架集模式等(对于代码严格程度不一样)。

  • title 网页的标题:描述网页的功能——尽量短,具有可描述性;用于SEC、窗口的标题栏、用户的书签中。确保标题和内容相符。

  • h1 网页的主标题:SEO优化;保证界面的结构中包含H1。可以使用美化的标题。或者使用图标覆盖的形式设置H1。对于搜索引擎爬取数据很关键。

3. CSS

  • 使用样式表替代 <font> 标签,便于整体界面维护。

  • 尽量使用响应式的尺寸(字体尺寸),对于不同设备进行良好的显示。默认字体尺寸不应该太小。使用16px-14px作为主体尺寸。

  • 网页整体背景颜色一致,文本颜色与背景颜色搭配一致。

4. 可读性

  • 颜色变化:白天使用浅色背景(白色、浅灰色、浅蓝色、米色)深色文字(黑色或者深灰色);夜晚使用深色背景(黑色、深蓝色)浅色文字(白色)。避免对比度较小的颜色,避免饱和度较大的颜色。

  • 字母的间距和行间距;

  • 字体使用常规字体,避免使用斜体;

  • 使用国际化的字符集(UTF-8)和日期。

猜你喜欢

转载自blog.csdn.net/weixin_41697143/article/details/84767755