Zarys html5 z tytułem i tekstem

Question

Próbuję zastosować nowe elementy html5. Jeśli strona jest bardzo prosta z h1 i tekstem, nie jestem pewien, jaki jest najlepszy sposób zrobienia tego z semantycznego punktu widzenia, jak poprawnie odzwierciedlić strukturę strony.

1. Jeśli tekst jest na przykład filozofia firmy (lub o stronie lub zespołu ...) Przypuszczam, że to nie jest poprawne użycie artykuł, że jest ok? (ponieważ nie jest to przeznaczone do samodzielnego dystrybuowania lub wielokrotnego użytku, np. syndykowania) w tym przypadku, czy powinien to być po prostu div?

2. Czy ma sens pakowanie h1 i div sekcją? Nie wydaje się to zbyt przydatne, jeśli na stronie znajduje się tylko jedna sekcja.

Jaki jest najodpowiedniejszy sposób zaznaczenia strony z tytułem i tekstem?

<h1> Title </h1> 

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

Answer 1

Całkowicie upuszczę div i używam ich tylko w razie potrzeby. Dałoby to najbardziej semantycznie poprawną reprezentację prostego tytułu i akapitu (akapitów).

<h1>Title</h1> 

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

będę patrzeć począwszy od najprostszych semantyki HTML, a następnie zbadać każdy element układu HTML5 i myśleć o tym, jak to może być stosowane do stron. Nie próbuj umieszczać wszystkiego w nowym elemencie HTML5. Niektóre rzeczy, takie jak paski nawigacyjne, artykuły, wspomnienia, cytaty itp. Są łatwe do wykrycia i dodają do nich semantyczny cukier.

Jeśli tworzysz dynamiczne strony, które mogą wykorzystywać układy lub strony wzorcowe, możesz umieścić swój główny układ na stronie wzorcowej (nagłówek, stopka, nawigacja itp.), Co może pozwolić Twoim stronom na bardzo proste .

Można użyć div s dla układu wielokolumnowego, lub może zajrzeć do jednej z dynamicznych siatek udostępnianych przez front-end framework, taki jak Bootstrap lub Foundation.

Answer 2

myślę, że nie trzeba żadnych elementów HTML5, ale tylko dlatego, że dla nich zadaje pytanie dla mnie najbardziej odpowiedni element Twoim przypadku byłoby:

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

Answer 3

section przekrój i generic jest absolutnie przydatne w Twojej przykład, aby wyjaśnić, że Twoja pozycja należy do ust:

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

nie ma semantyczny powodem div. Ale jeśli tego potrzebujesz, zatrzymaj to.

Tutaj można również użyć elementu article zamiast section. Jak powiedziałeś, powinno to być "wielokrotnego użytku". Jeśli weźmiesz filozofię swojej firmy, możliwe, że chcesz ją gdzieś użyć (sieć społecznościowa lub coś w tym stylu). Myślę, że spełnia on definicję artykułu. Jednak to pytanie jest zawsze kwestią interpretacji.