机能标准共有10项。
可用性(Accessibility)
可用性标准主如果指在制造网页时必须推敲残疾人的需求。
可用性标准共有8项。
Elements Use Attributes Correctly
这一项标准的请求之一是：所有图片必须有alt属性，如许如不雅图片不克不及显示时，也能出现合适的文字。当然还有很多其它请求，你可以根据Lighthouse给出的建议逐项调剂。
Elements Describe Contents Well
- <input type="text" class="search-field" placeholder="搜刮" aria-label="搜刮">
Color Contrast Is Satisfactory
这一项标准的请求是所有字体的前风景和配风景的比较度须要足够强，以便于目力不好的人士可以或许分辨页面上的笔迹。如不雅你不知道某两种色彩的比较度是否足够，可以用这个网页检测，绿色的Pass表示合格。
- p
- margin 0 0 rem(30px)
- background-color #141414
- color darken(lightGray, 20%)
- font-size rem(17px)
- line-height rem(26px)
最佳实践(Best Practice)
最佳实践标准是指一个幻想网站所应当达到的最高标准。包含：避免应用Application Cache，避免应用WebSQL，应用Http 2.0，应用https，避免应用document.write，避免应用console.log等等。这些标准看上去很琐碎，然则每一项标准的提出都有其合理性，应当竭尽全力遵守。
最佳实践标准共有15项。
应用http 2.0
关于若何开通http 2.0，可以参考我之前写过的一篇文┞仿《免费给你的网站加上蓝色小闪电》。
如不雅你完成了以上的所有优化步调，信赖你的网站应当可以获得一个比较高的评分了。如今我们随便找个网站评测一下看看吧，别人家的网站效不雅大年夜抵都是如许的：
而我们的网站，经由调校之后的效不雅是如许的：
是不是很有成就感呢?
以上所有代码，供大年夜家进修参考，不吝啬的请大年夜家给个星星吧!
【编辑推荐】
- 吃透这套架构演变图，大年夜零搭建Web网站也不难！
- 大年夜0到1，Java Web网站架构搭建的技巧演进
- 扎克伯格13年前写的Facebook网站代码，你见过吗？
- 微软开源免费网站检测对象，异常值得开辟者一试
- 【直播】DCloud CTO崔红保：若何玩转H5网站快速转换成App？
推荐阅读
不久之后，您将可以或许为App Store上的主动续订订阅供给扣头的入门价格。iOS 11.2惹人了SKProduct（subscriptionPeriod和introductoryPrice）上的新类（SKProductDiscount和SKProductSubscriptionPeri>>>详细阅读
本文标题：如何打造一个全满分网站?
地址：http://www.17bianji.com/lsqh/38586.html
1/2 1
网友点评
精彩导读
科技快报
品牌展示