Amp Html Ders-3 Taglar
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Amp Html Ders-3 Taglar

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(218)
RAPOR ET
Amp Html de bazı taglar değişti,bazıları engellendi,bazıları ise aynen kullanılmaya devam ediliyor.Engellenen taglarla başlayalım. base-frame-frameset-object-param-applet-embed bunlar engelenen taglar.Şimdi değişen taglarla devam edelim.

1-İmg


img tagı için sayfaya dosya dahil etmemize gerek yok.Yeni img tagının kullanımı aşağıdaki gibi.
<amp-img src="http://ustaderslik.com/resim/icon.png" alt="icon" height="150" width="175"></amp-img>


2-Video


Sayfaya video ekleyebilmemiz için head tagları arasına
 <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script>

yapıştırın.Daha sonra aşağıdaki gibi videolarınızı sayfaya dahil edebilirsiniz.
<amp-video width=400 height=300 src="ocean.mp4" >
<div fallback><p>Tarayıcın html5 desteklemiyor.</p></div>
</amp-video>


3-Audio


Sayfaya müzik ekleyebiniz için önce head tagları arasına
<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>

yazın.Daha sonra aşağıdaki şekilde müzik ekleyebilirsiniz.
<amp-audio width="400" height="300" src="muzik.mp3">
<div fallback><p>Tarayıcın html5 desteklemiyor.</p></div>
</amp-audio>


4-İframe


Sayfaya iframe ekleyebilmeniz için head tagları arasına
<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

yazın.Daha sonra aşağıdaki şekilde bir sayfayı dahil edebilirsiniz.Dikkat etmeniz gerek http sayfalar eklenmiyor.https olması gerek.

5-Form


Sayfaya bir form ekleyebilmeniz için head tagları arasına
 <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>

yazmanız gerek.Ayrıca action kısmını action-xhr yapmanız gerek.
<form method="post" action-xhr="https://example.com/subscribe" target="_top">
<input type="email" name="email" required>
<input type="submit" value="gonder">
</form>

Benim şuana kadar gördüğüm değişiklikler bunlar.Geri kalan taglarda ufak tefek eksiklikler olsada kullanımı aynı.Dikkat etmeniz gereken kısım,parametreleri eksik bırakmayın.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol