HTML5 etiketlerini kullanan bir blog sayfasının en anlamsal olarak doğru yapısı nedir?


9

İsterdim grok nihai doğasını <aside>, <section>, <article>.

HTML5 etiketlerini kullanan bir blog sayfasının en iyi, anlamsal olarak doğru yapısı nedir?

Kenar çubuğunu bir içine koymalı mıyım <aside>? Yoksa bu bir <section>( <aside>reklamlar, kısa alıntılar ve benzeri için kullanılmalıdır) mı?

Ana özelliği, blog gönderisini nasıl sunmalıyım? Nasıl <article>doğru kullanırım ?

Makale etiketlerini nasıl işaretlemeliyim?

Yanıtlar:


7

<article>Blog gönderileri için kullanmak istiyorsunuz . Mark Pilgrim'in her bir etiketi nasıl kullanacağına dair çok iyi bir açıklaması var . Ayrıca article, sitesinde tanım listesinin hemen altında nasıl işaretleneceğini açıklar . Bu HTML 5 ve CSS öğrenmek için harika bir kitap.

"Makale öğesi, bir sayfanın belge, sayfa, uygulama veya sitedeki müstakil bir kompozisyondan oluşan ve bağımsız olarak dağıtılabilir veya yeniden kullanılabilir olması, örneğin sendikasyonda kullanılması amaçlanan bir bileşenini temsil eder."

Aside"teğetsel olarak ilişkili" öğeler içindir ve section"genel bir belgeyi veya uygulama bölümünü" temsil eder.


2

Bunun için <aside>tiyatroyu bir kenara bırakın: hikaye, izleyiciye bir şeyler açıklamak için beklemeye alınır, ana odağa dönmeden önce kısa bir süre teğet olur. Örneğin:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

Korkunç bir örnek ama geçerli bir örnek. Şanslar, alıntılar ve makaleyle ilgili diğer teğetler gibi şeyler için yararlı olacaktır, ancak tamamen anlamsal bir etiket olarak, reklamlar genellikle ait değildir.

Anahtar kelimeye dayalı bir reklam sistemi, içeriğinize anlamsal olarak uymayı umursamaz, demografik özellikleri eşleştirmekle daha fazla ilgilenir. <article>Yalnızca PHP ile ilgiliyse ve Python / Perl / Java ile ilgili reklamlar çekiyorsa (bir noktada), <aside>sadece anlamını yitirdiniz. Bunları başka bir yere koymanız daha iyi.


Yüzüme bir gülümseme koymak ve sahip olduğum bir soruyu cevaplamak için +1.
Jason
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.