MIP HTML 사양


헤더 사용 사양

  • 시작 태그는 <!doctype html>

  • html 태그를 사용하며 mip 태그와 함께 추가되어야 합니다. 즉, <html mip>

  • 은 <head>를 포함해야 합니다. <body> 태그

  • 에는 헤드 태그에 문자 세트 선언이 포함되어야 합니다. <meta charset="utf-8"> 문자 세트는 utf-8utf-8

  • 必须在head标签中包含viewport设置标签:  <meta name="viewport" content="width=device-width,initial-scale=1">，推荐包含minimum-scale=1

  • 必须在head标签中包含 < link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >

  • 必须在body标签中包含 <script src="https://mipcache.bdstatic.com/static/v1/mip.js" ></script >

  • 必须在head标签中包含 <link rel="canonical" href="http(s)://xxx" >

页面元素使用规范

MIP HTML 禁止使用对页面性能以及安全有较大影响的标签，请将其替换为MIP的特有标签（例如:将img标签替换为mip-img）:

QQ截图20170204104936.png

HTML 属性

  • MIP HTML 中所有 on 开头的属性都不允许使用，如：onclick，onmouseover。

  • MIP HTML 中允许使用 on 属性。

  • MIP HTML 中不允许使用 style

뷰포트 설정 태그는 헤드 태그에 포함되어야 합니다: <meta name="viewport" content="width=device-width,initial-scale=1">, minimum-scale=1

🎜< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >🎜🎜🎜🎜 <script src="https://mipcache.bdstatic.com/static/v1/mip.js" ></script >🎜🎜🎜 🎜헤드 태그 ="canonical" href="http(s)://xxx" >🎜🎜🎜

페이지 요소 사용 사양🎜🎜MIP HTML에서는 다음을 금지합니다. 페이지 성능 및 보안 태그에 더 큰 영향을 미치는 요소를 사용하는 경우 MIP의 고유 태그로 교체하십시오(예: img 태그를 mip-img로 교체). ): 🎜🎜QQ 스크린샷 20170204104936.png🎜

HTML 속성🎜
    🎜🎜모두 MIP HTML로on으로 시작하는 속성은 다음과 같이 사용할 수 없습니다: < code style="font-size: 14px; line-height: 1.76em; ">onclick, < 코드 스타일="글꼴 크기: 14px; 줄 높이: 1.76em; ">마우스오버 시. 🎜🎜🎜🎜 on 속성은 MIP HTML에서 허용됩니다. 🎜🎜🎜 style 속성은 MIP HTML에서 허용되지 않습니다. 🎜🎜🎜맞춤 스타일 사용 사양🎜🎜성능상의 이유로 html에서는 인라인 스타일을 허용하지 않으며, 모든 스타일은 헤드의 스타일 태그에만 배치할 수 있습니다. 🎜
    • 맞음: 
    <head>
    <style mip-custom>
        p { color: #00f;}
    </style>
</head>
<body>
    <p>Hello World!</p>
</body>
    • 틀림: 
    <p style="color:#00f;">Hello World!</p>

    검증 사양

    MIP 검증 도구 주소: https://www.mipengine.org/validator/validate