html5 Bir başlık ile anahat ve metin

Question

Yeni html5 öğelerini uygulamaya çalışıyorum. Sayfa bir h1 ve bir metin ile çok basitse, anlamsal bir bakış açısından bunu yapmanın en iyi yolunun ne olduğundan emin değilim, sayfanın yapısını doğru olarak yansıtabilirsiniz.

1. metin örneği için şirket felsefesi ise

   (veya sayfanın veya takım hakkında ...) Ben yazı kullanmak için doğru değildir herhalde, o iyi mi? (bu durumun bağımsız olarak dağıtılabilir veya yeniden kullanılabilir olması, örneğin, sendikasyon) olması gerekmediği için, sadece bir div olmalı?

2. h1 ve div bölümlerini bir bölümle sarmanın bir anlamı var mı? Sayfada sadece bir bölüm olması çok yararlı görünmüyor.

Bir sayfanın yalnızca bir başlık ve bir metin ile özetlenmesinin en doğru yolu nedir?

<h1> Title </h1> 

<div id="content"> 
    <p> text, text, text... </p> 
</div> 

Answer 1

Tamamen div bırakın ve gerektiğinde sadece bunları kullanmak istiyorum. Bu, basit bir başlık ve paragraf (lar) ın en semantik olarak doğru temsilini verecektir. Sonra en basit HTML semantik ile başlayan bakıp ediyorum

<h1>Title</h1> 

<p>Some text...</p> 

her HTML5 düzeni elemanı araştırma ve sayfalarınıza nasıl uygulanabileceği düşünün. Her şeyi yeni bir HTML5 öğesine koymaya çalışmayın. Gezinme çubukları, makaleler, yanlar, tırnaklar, vb. Gibi belirli şeylerin yerini belirlemek ve biraz semantik şeker eklemek kolaydır.

Düzenler veya kalıp sayfalarından yararlanabilen dinamik sayfalar oluşturuyorsanız, ana düzeninizi ana sayfaya (üstbilgi, altbilgi, gezinme vb.) Koyabilirsiniz, bu da sayfalarınızın çok basit olmasına izin verebilir .

Bir çok sütunlu düzeni için div s kullanabilir, ya da belki Bootstrap veya Foundation gibi bir ön uç çerçevesi tarafından sağlanan dinamik ızgaraları birine görünebilir.

<details open="open"> 
    <summary>Title</summary> 
    <p>Text text text text text text text</p> 
</details> 

Answer 2

sana soru dava için en uygun eleman olacağını bana onlara sorar ama sırf HTML5 öğelerini gerekmez düşünüyorum

<section> 
    <h1> Title </h1> 
    <p> text, text, text... </p> 
</section> 

div için hiçbir anlamsal nedeni vardır: En başlık paragrafın ait olduğunu açıklığa kavuşturmak için örnek kesinlikle faydalıdır. Ama ihtiyacın olursa, devam et.

Burada da section yerine article öğesini kullanabilirsiniz. Dediğin gibi, "yeniden kullanılabilir" olmalı. Eğer şirketinizin felsefesini alırsanız, onu yeniden kullanmak (sosyal ağ veya bir şey) kullanmak mümkündür. Bir makalenin tanımını karşıladığını düşünüyorum. Ancak, bu soru her zaman bir yorum meselesidir.

Answer 3

bir section bir jenerik bölümdür ve: