MIP-HTML
MIP-HTML?基于 HTML 基礎(chǔ)規(guī)范進行了擴展。
下面是一段簡單的 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" >
? ?<link rel="canonical" >
? ?<!-- noscript 標簽是為了在不支持 script 的環(huán)境下快速的展現(xiàn) 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 規(guī)范中有兩類標簽,一類是 HTML 常規(guī)標簽,另一類是 MIP 標簽。MIP 標簽也被稱作 MIP-HTML 組件,使用它們來替代 HTML 常規(guī)標簽可以大幅提升頁面性能。
例如:<mip-img>標簽,它使得圖片只在需要時才進行加載,減少了頁面渲染時間,節(jié)省了用戶的流量。
閱讀本文的人還閱讀了: