MIP-HTML
MIP-HTML 基于 HTML 前提典型进行了扩充。
底下是一段大概的 MIP-HTML 代码示例:
123456789101112131415161718192021222324<!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://c.mipcdn.com/static/v2/mip.css"> <link rel="canonical" href="https://www.example.com/your/path.html"> <!-- noscript 标签是为了在不救济 script 的情况下赶快的展示 MIP 页面,举荐运用 --> <noscript> <style mip-officialrelease> body { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; } </style> </noscript> </head> <body> <h1>Hello World!</h1> <script src="https://c.mipcdn.com/static/v2/mip.js"></script> </body></html>
MIP-HTML 典型中有二类标签,一类是 HTML 常规标签,另一类是 MIP 标签。MIP 标签也被称作 MIP-HTML 组件,运用它们来代替 HTML 常规标签不妨大幅提高页面本能。
比方:<mip-img>标签,它使得图片只在须要时才进行加载,缩小了页面衬托时间,俭朴了用户的流量。
观赏本文的人还观赏了:
MIP是什么?何如实行MIP?
MIP-Cache是什么?MIP-Cache详解
MIP-JS是什么?MIP-JS详解