HTML 4 ve HTML 5 arasındaki fark
Salı günü teması devam, biz arasındaki farkları göstermek için karar HTML 5 ve HTML 4 ve hiçbir büyük farklar olduğunu görmek ve yeni bilgi sadece yardımcı olmak için geldiğini olacaktır.
Örneğin, üst başlık, bazı mesajların, bir navigasyon bölümü ve bir kenar çubuğu altındaki altbilgi bir blog basit bir sayfa bakalım, bu aşağıdaki kodu gösterir:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Markus Antonius: Web Beta </ a> </ h1> </ Div> <div id="container"> <div id="center" class="column"> <div id="post-102" class="post"> <h2> <a href="/page-test-2/"> 2 Test Sayfası </ a> </ h2> <div class="entry"> İşte Metin </ div> </ Div> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Testi 1 </ a> </ h2> <div class="entry"> İşte Metin </ div> </ Div> </ Div> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/"> "Eski Mesajlar </ a> </ div> </ Div> </ Div> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> Bilgileri </ h2> <ul> <li> <a href="/contato"> kurun </ a> </ li> <li> <a href="/curriculo/"> müfredat </ a> </ li> </ Ul> </ Li> <li> <h2> Arşiv </ h2> <ul> <li> <a href="/blog/2009/04/"> Nisan 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> Mart 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Şubat 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Ocak 2009 </ a> </ li> </ Ul> </ Li> </ Ul> </ Div> <div id="footer"> Marcus Antonius: Web Beta © 2009 </ div> </ Div>
W3C kurallarına burada aynı sayfa HTML 5 :
<h1> <a href="http://marcusantonius.info"> Markus Antonius: Web Beta </ a> </ h1> <h2> <a href="/page-test-2/"> 2 Test Sayfası </ a> </ h2> İşte Metin <h2> <a href="/page-test/"> Testi 1 </ a> </ h2> İşte Metin <a href="/blog/page/2/"> "Eski Mesajlar </ a> <ul> <li> <h2> Bilgileri </ h2> <ul> <li> <a href="/contato"> kurun </ a> </ li> <li> <a href="/curriculo"> müfredat </ a> </ li> </ Ul> </ Li> <li> <h2> Arşiv </ h2> <ul> <li> <a href="/blog/2009/04/"> Nisan 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> Mart 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Şubat 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Ocak 2009 </ a> </ li> </ Ul> </ Li> </ Ul> Marcus Antonius: Web Beta © 2009
O kodu daha temiz ve daha anlaşılır olduğunu kaydetti?
Biz bazı unsurlar eklendi ve böylece artık divs ve düzen çok daha anlaşılır oldu koymak gerekir. Eğer kısa bir açıklama ile aşağıda listelenmiştir eklenen öğeleri fark başarısız olursa:
- bölüm: Bir bölüm, bir bölüm veya bir kitabın bir parçası olarak.
- Başlık: Görüntülenen sayfanın başlığı.
- altbilgi: sayfa altbilgi bir abonelik e-posta olarak görünür.
- nav: bağlantılar topluluğu.
- makale: ve benzeri bir yazı, bir blog bağımsız bir girişi, dergi, gazete,.
HTML 5 son hali geldi gibi, bu sadece bir taslak olduğunu, son sürüm bazı farklılıklar olabilir.
Kaynak: treinaweb
güncelleme sonrası! bazı etiketler cevapsız, ama dostum @ isaacmarinho beni uyardı. Teşekkürler Isaac!
Gerçekten adı geçen etiketleri cevapsız ... = D ettik
Ama bu sorun değil. Güncellendi, hareket. =)
Kesinlikle, biz buradayız.
Falow!
Blog Çok iyi! = DDDDDD