Nowy HTML5 Sekcja element może być nieco mylący. Jeśli tworzyłeś dokumenty HTML przed HTML5, prawdopodobnie używasz już tego elementu do tworzenia podziałów strukturalnych na swoich stronach, a następnie stylizujesz nimi strony. Więc może wydawać się naturalną rzeczą, aby po prostu zastąpić swoje istniejące DIV elementy z Sekcja elementy. Ale to jest technicznie niepoprawne.
Element „sekcji” jest elementem semantycznym
SEKCJA element jest semantyczny element; zapewnia znaczenie zarówno agentom użytkownika, jak i ludziom, dotyczące tego, czym jest załączona treść — w szczególności sekcja dokumentu.
Może się to wydawać bardzo ogólnym opisem, a to dlatego, że tak jest. Są inne Elementy HTML5 które zapewniają bardziej semantyczne rozróżnienie treści, których należy użyć najpierw przed użyciem. Sekcja element:
- Artykuł
- Na bok
- Nav
Kiedy używać elementu „sekcja”
Użyj artykuł element, gdy treść jest niezależną częścią witryny, która może działać samodzielnie i być rozpowszechniana jak artykuł lub post na blogu. Użyj
na bok element, gdy treść jest stycznie powiązana z treścią strony lub z samą witryną, na przykład paski boczne, adnotacje, przypisy lub powiązane informacje o witrynie. Użyj nawigacja element zawartości, który obsługuje nawigację w witrynie.Sekcja element jest ogólnym elementem semantycznym. Użyj go, gdy żaden inny semantyczny element kontenera nie jest odpowiedni. Łączy części twojego dokumentu w oddzielne jednostki, które możesz opisać jako powiązane w jakiś sposób. Jeśli nie możesz opisać elementów w sekcji w jednym lub dwóch zdaniach, prawdopodobnie nie powinieneś używać tego elementu.
Zamiast tego powinieneś użyć DIV element. DIV element w HTML5 jest niesemantycznym elementem kontenera. Jeśli treść, którą próbujesz połączyć, nie ma znaczenia semantycznego, ale nadal musisz ją połączyć w celu stylizacji, wówczas DIV element jest odpowiednim elementem do użycia.
Jak działa element „sekcja”
Sekcja dokumentu może pojawić się jako zewnętrzny pojemnik na artykuły i na bok elementy. Może również zawierać treści, które nie są częścią artykuł lub na bok. ZA Sekcja element można również znaleźć wewnątrz an artykuł, nawigacja, lub na bok. Możesz nawet zagnieżdżać sekcje, aby wskazać, że jedna grupa treści jest sekcją innej grupy treści, która jest sekcją artykułu lub stroną jako całością.
Sekcja element tworzy elementy wewnątrz konspektu dokumentu. I jako taki zawsze powinieneś mieć element nagłówka (H1 przez H6) jako część sekcji. Jeśli nie możesz wymyślić tytułu sekcji, DIV element jest prawdopodobnie bardziej odpowiedni.
Jeśli nie chcesz, aby tytuł sekcji pojawiał się na stronie, zawsze możesz go zamaskować za pomocą CSS.
Kiedy nie używać elementu „sekcja”
Jest jeden cel, do którego nie powinieneś używać Sekcja element: tylko dla stylu.
Innymi słowy, jeśli jedynym powodem, dla którego umieszczasz element w tym miejscu, jest dołączenie Styl CSS właściwości, nie należy używać a Sekcja element. Znajdź element semantyczny lub użyj DIV zamiast tego elementu.
Ostatecznie może to nie mieć znaczenia
Trudność w pisaniu semantycznego kodu HTML polega na tym, że to, co jest semantyczne dla przeglądarki, może być dla Ciebie kompletnym nonsensem. Jeśli uważasz, że możesz usprawiedliwić użycie Sekcja w swoich dokumentach, powinieneś go użyć. Większość programów użytkownika nie dba o to i wyświetli stronę tak, jak można się spodziewać, niezależnie od stylu a DIV lub Sekcja.
Dla projektantów, którzy lubią być semantycznie poprawni, skorzystaj z Sekcja element w sposób poprawny semantycznie jest ważny. Dla projektantów, którzy po prostu chcą, aby ich strony działały, nie jest to tak ważne. Pisanie poprawnego semantycznie kodu HTML jest dobrą praktyką i zapewnia lepszą ochronę stron w przyszłości. Ale ostatecznie to zależy od Ciebie.