Oxxi.net  - Birlikteliğin Gücü Bulut Sunucu

Go Back   Oxxi.net - Birlikteliğin Gücü > Google & Msn-Yahoo kardeşler > Google Optimizasyon > HTML5

Ağaç Şeklinde Aç1Beğeni
  • 1 gönderen replication

Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 08-08-2012, 22:11:23
replication - ait Kullanıcı Resmi (Avatar)
 
İstanbul Avrupa Şubesi
Mesajlar: 25
iTrader: (0)
Standart HTML5 başlangıç yeni etiketleri tanıma

HTML5 ile basit bir sayfa hazırladım. Bunuda sizlere kısaca anlatayım dedim.
HTML5 DOCTYPE kısa öz, diğerleri gibi değil.
HTML-Kodu:
<!DOCTYPE html>
Charset dil tanımlaması ise ;
HTML-Kodu:
 <meta charset="ISO-8859-9">
Yine meta etiketini incelersek alabileceği değerleri görebiliriz. HTML eski sürümlerinde <meta> etiketine verilebilen scheme değeri HTML5 ile desteklenmemektedir.

Oluşturduğum sayfa ;
  • Header
  • Nav
  • Aside
  • Article
  • Footer




Benim hazırladığım tasarım ise ;
Telays.Com
Kötü olduğuna bakmayın sadece örneklendirme olsun diye =)





Tanıyacağımız yeni HTML5 ile gelen etiketler ;
Kod:
<header>
<footer>
<article>
<aside>
<nav>
<video>
<mark>
<figure>
<figcaption>
<details>
<summary>
HEADER ;
header etiketi adından da anlaşılacağı üzere başlık için kullanılır. İlla sayfanın tepesinde olacak diye bir şey yok article içinde de kullanılabilirdi. Amaç başlık olması.


HTML-Kodu:
<header></header>

FOOTER ;
Yine footer etiketide header etiketi gibi belgede birden fazla kere bulunabilir. Alt bilgi içerir. Bu bilgilerde genel telif hakları, iletişim vb.


HTML-Kodu:
<footer></footer>
ARTICLE ;
article etiketi bir yazı dizisinde kullanılabilir. Site içinde etiket sayesinde herşeyden bağımsız belirtilir ve dağıtımı kolay olur.


HTML-Kodu:
<article></article>

ASIDE ;
Kenar bilgisi sidebar gibi düşünebiliriz.


HTML-Kodu:
<aside></aside>
NAV ;
nav genelde menü yapısı için kullanılır. Örnektede gördüğünüz gibi menü için kullanılmış.


HTML-Kodu:
<nav><a href="/html/">Programlama</a> |<a href="/html5/">Internet Admin</a> |<a href="/css/">E-Ticaret</a> |</nav>
VIDEO ;
video etiketinin daha önce anlatımı yapıldı.
HTML5 <video> etiketinin kullanımı ve özellikleri

MARK;
mark etiketinin daha önce anlatımı yapıldı.
HTML5 <mark> etiketinin kullanımı

FIGURE;
Figure etiketi içine aldığımız değerin kod bloğu,çizim,foto vb. olduğunu belirtir. figcaption ile bağlantılı kullanılabilir.

FIGCAPTION;
Figure etiketinde gösterilen olayın başlığını belirler.



HTML-Kodu:
<figure><img src="http://www.telays.com/telays.png" alt="Telays" />
<figcaption>Telays.Com Destek Banneri</figcaption>
</figure>
DETAILS ve SUMMARY ;
Details ve summary beraber kullanılırlar. Açılır kapanır panel şeklindedir.


HTML-Kodu:
<details><summary>Copyright 2012.</summary><p> Telays.Com</p><p> Webmaster Bilgi Merkezi</p></details>
METER ;
meter genelde bir olayın bir durumun tamamlanmasını bitiş durumunu, o anki durumu grafik ile gösterir.


kullanımı ;
HTML-Kodu:
Forum Skoru : <meter value="8" min="0" max="10"></meter><br />
Ticaret Puanı :  <meter min="0" low="40" high="90" max="100" value="95"></meter><br/>
TIME ;
Henüz hiç bir tarayıcı tarafından desteklenmiyor.
HTML-Kodu:
<time>10.06.2012</time>
Tüm browserler desteklemeyebilir dikkatli olmanızı öneririm

Kaynak : HTML5 başlangıç yeni etiketleri tanıma
Emrah bunu beğendi.
Alıntı ile Cevapla

Sponsor Bağlantılar
  #2  
Alt 12-08-2012, 01:14:41
 
Ankara Şubesi
Mesajlar: 24
iTrader: (0)
Standart

Güzel bilgilere yer verilmiş ilk html 5 destekleyen temamım çok önde çıkacağından eminim.

Google yenilikleri her zaman sever.
__________________
İlim irfan aradım ettim talep; ilim irfan geride kaldı illede edep illede edep...
Alıntı ile Cevapla

  #3  
Alt 13-09-2012, 10:54:54
 
Adana Şubesi
Yaş: 27
Mesajlar: 27
iTrader: (0)
Standart

Bu makale çok güzel detaylı anlatılmış. Daha önce okumuştum çok katkı sağlıyor.
Alıntı ile Cevapla

Cevapla


Bu konuyu görüntüleyen üyeler: 1 (0 kayıtlı üye ve 1 misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu açma yetkiniz yok.
Cevap yazma yetkiniz yok.
Eklenti yükleme yetkiniz yok.
Mesajınızı değiştirme yetkiniz yok.

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Forum Saati: 00:37:00. Zaman dilimi GMT +3 olarak ayarlanmıştır.


Powered by vBulletin™ Version 3.8.4
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Friendly URLs by vBSEO 3.6.0
İçerik sağlayıcı paylaşım sitelerinden biri olan oxxi.net Birlikteliğin Gücü Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.