引入图片
MIP HTML 基于HTML基本类型举办了扩展,下面是一段简朴的MIP HTML代码示例:
根基步调包罗:
必需在body标签中包括 <script src=”//m.baidu.com/static/ala/sf/static/js/miphtml_main_xxxxxx.js”>
建设基本 MIP HTML 页面
起始标签利用<!doctype html>
<!DOCTYPE html> <html mip> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css"> </head> <body>Hello World!</body> <script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js"></script> </html> MIP HTML 类型中有两类标签,一类是HTML通例标签,另一类是MIP标签。MIP标签也被称作 MIP HTML 组件,利用它们来替代HTML通例标签可以大幅晋升页面机能。 开拓指南
凭据下面的步调,你可以快速建设一个根基的 MIP HTML 页面;通过进一步相识 MIP HTML 类型、对 MIP HTML 页面举办阶段性的验证等内容,你可以轻松开拓出抱负的 MIP 页面。
调解样式和机关
什么是MIP?MIP(Mobile Instant Page – 移动网页加快器),是一套应用于移动网页的开放性技能尺度。通过提供MIP-HTML类型、MIP-JS运行情况以及MIP-Cache页面缓存系统,实现移动网页加快。
必需在head标签中包括viewport配置标签: <meta name=”viewport” content=”width=device-width,minimum-scale=1″>,推荐包括initial-scale=1
MIP HTML 基于HTML中的基本标签拟定了全新的类型,通过对一部门基本标签的利用限制或成果扩展,舆情处理,使HTML可以或许揭示越发富厚的内容;MIP JS 可以担保 MIP HTML 页面的快速渲染;MIP Cache 用于实现MIP页面的高速缓存,从而进一步提高页面机能。
必需在head标签中包括<script async src=”https://m.baidu.com/miphtml/v0.js”></script>
技能类型
1. 头部利用类型
最后一步
列位SEO站长伴侣最近应该有留意到,在百度站长平台东西只多了一个叫MIP的成果进口,到底是什么鬼?经无忧的研究此成果跟谷歌的AMP同出一辙,并且无忧哥发明百度的谓的MIP其实就是模chao仿xi谷歌的AMP,真的是一直在仿照。。。
MIP Cache
MIP JS
必需在head标签中包括<link rel=”stylesheet” type=”text/css” href=”//m.baidu.com/static/ala/sf/static/css/miphtml_xxxxxx.css”>
必需在head标签中包括字符集声明: <meta charset=”utf-8″>,字符集统一为utf-8
必需包括<head>和 <body>标签
html标签必需加上mip标志,即: <html mip>
MIP HTML
预览和验证
MIP主要由三部门组织成:
必需在head标签中包括<style>body {opacity: 0} </style><noscript><style>body {opacity: 1}</style></noscript>
,对话宝