<amp-sidebar id="sidebar" layout="nodisplay" side="right"" ""left" </amp-sidebar>
एएमपी क्या है?
ऐसे वेब पेज जो आकर्षक, सहज और तुरंत लोड होने वाले हों
एएमपी यह सुनिश्चित करने के लिए एक सरल और मजबूत प्रारूप है कि आपकी वेबसाइट तेज़, उपयोगकर्ता-प्रथम है और पैसा कमाती है। एएमपी लोकप्रिय प्लेटफार्मों पर वितरण और कम परिचालन और विकास लागत के साथ आपकी वेब रणनीति के लिए दीर्घकालिक सफलता प्रदान करता है।
<amp-img class="resp-img"
alt="Desktop"
width="550"
height="368"
src="images/Desktop.jpeg">
</amp-img>
<style amp-custom>
.resp-img {
max-width: 700px;
}
</style>
खुले वेब पर उपयोगकर्ताओं के लिए बेहतरीन वेब अनुभव बनाएँ
एएमपी उन वेबसाइटों और विज्ञापनों के निर्माण को सक्षम बनाता है जो सभी डिवाइस और वितरण प्लेटफार्मों पर लगातार तेज़, सुंदर और उच्च प्रदर्शन करने वाले होते हैं। प्रकाशक और विज्ञापनदाता यह तय कर सकते हैं कि अपनी सामग्री को कैसे प्रस्तुत किया जाए जो उपयोगकर्ता-पहले अनुभव पर जोर देती है।
हम बोर्ड भर में गति में सुधार करने के लिए प्रतिबद्ध हैं। यदि हमारी साइट लोड होने में लंबा समय लेती है, तो इससे कोई फर्क नहीं पड़ता कि हमारी पत्रकारिता कितनी अच्छी है, कुछ लोग यह देखने से पहले ही पेज छोड़ देंगे कि वहां क्या है।
डेविड मेरेल, वरिष्ठ उत्पाद प्रबंधक
ABC HTML किससे बना है?
<!DOCTYPE HTML>
<html ⚡>
<head>
<meta charset="utf-8">
<link rel="canonical" href="hello-world.html">
<meta name="viewport" content="width=device-width">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
<amp-geo layout="nodisplay">
<script type="application/json">
{
"AmpBind": true
}
</script>
</amp-geo>
<h1>Hello in <span [text]="country">...</span>!</h1>
<button on="tap:AMP.setState({'country': ampGeo.ISOCountry.toUpperCase()})">Where am I?</button>
</body>
</html>
Hello
World!
अंतर्निर्मित घटक
एएमपी HTML विश्वसनीय प्रदर्शन के लिए कुछ प्रतिबंधों के साथ HTML है।
हालाँकि ABC HTML पेज में अधिकांश टैग नियमित HTML टैग होते हैं, कुछ HTML टैग को ABC-विशिष्ट टैग से बदल दिया जाता है (ABC विनिर्देश में HTML टैग भी देखें)। ये कस्टम तत्व, जिन्हें एएमपी HTML घटक कहा जाता है, सामान्य पैटर्न को निष्पादन योग्य तरीके से लागू करना आसान बनाते हैं।
उदाहरण के लिए, ABC-img टैग उन ब्राउज़रों में भी पूर्ण srcset समर्थन प्रदान करता है जो अभी तक इसका समर्थन नहीं करते हैं। जानें कि अपना पहला एएमपी HTML पेज कैसे बनाएं।
एएमपी पेज खोज इंजन और अन्य प्लेटफार्मों द्वारा HTML टैग के माध्यम से खोजे जाते हैं। आप अपने पेज का एक गैर-एएमपी संस्करण और एक एएमपी संस्करण या सिर्फ एक एएमपी संस्करण चुन सकते हैं।
एएमपी कैश
एएमपी पेजों को वेब पर तुरंत लोड करने के लिए कैश किया जा सकता है। Google जैसे प्लेटफ़ॉर्म आपकी सामग्री को उनकी सेवा से तेज़ी से लोड करने में सक्षम बनाने के लिए ABC कैश चलाते हैं।
The Google Cache is a proxy-based content delivery network for delivering all valid ABC documents. It fetches ABC HTML pages, caches them, and improves page performance automatically. When using the Google Cache, the document, all JS files and all images load from the same origin that is using HTTP 2.0 for maximum efficiency.
The cache also comes with a built-in validation system which confirms that the page is guaranteed to work, and that it doesn't depend on external resources. The validation system runs a series of assertions confirming the page’s markup meets the ABC HTML specification.
सत्यापनकर्ता का एक अन्य संस्करण प्रत्येक एएमपी पृष्ठ के साथ आता है। जब पृष्ठ प्रस्तुत किया जाता है तो यह संस्करण सत्यापन त्रुटियों को सीधे ब्राउज़र के कंसोल पर लॉग कर सकता है, जिससे आप देख सकते हैं कि आपके कोड में जटिल परिवर्तन प्रदर्शन और उपयोगकर्ता अनुभव को कैसे प्रभावित कर सकते हैं।