Kaj Kiam Uzi ARTICLE, ASIDE, kaj DIV
La nova elemento de HTML5-SEKTO povas esti iom malklara. Se vi konstruis HTML- dokumentojn antaŭ HTML5, eble vi jam uzas la elementon por krei strukturajn dividojn ene de viaj paĝoj kaj tiam stiligi la paĝojn kun ili. Do ĝi ŝajnas kiel natura afero simple anstataŭigi viajn ekzistantajn DIV-elementojn kun SECTION-elementoj. Sed ĉi tio estas teknike malĝusta. Do se vi ne nur anstataŭigas DIV-elementojn kun SECTION-elementoj, kiel vi uzas ilin ĝuste?
La Elekta Elemento estas Semantika Elemento
La unua afero por kompreni estas, ke la SECTION-elemento estas semantika elemento. Ĉi tio signifas, ke ĝi havigas signifon al ambaŭ agentoj kaj homoj pri kio la enhavo enhavas specife al sekcio de la dokumento.
Ĉi tio eble ŝajnas esti tre ĝenerala semantika priskribo, kaj tio estas ĉar ĝi estas. Estas aliaj elementoj de HTML5, kiuj donas pli duonajn distingojn al via enhavo, kiun vi devas uzi unue antaŭ ol vi uzas la SECTION-elementon:
- ARTIKO
- ASIDE
- NAV
Kiam Uzi la Elektan Elekton
Uzu la elementon de ARTIKO kiam la enhavo estas sendependa parto de la retejo, kiu povas stari sola kaj esti sindikata kiel artikolo aŭ blogo. Uzu la ASIDE-elementon kiam la enhavo estas tangentialmente rilata al ĉu la enhavo de la paĝo aŭ la retejo mem, kiel sidebars, komentarioj, piednotoj aŭ rilataj retejoj. Uzu la NAV-elementon por enhavo, kiu estas navigacio.
La SECTION-elemento estas generika semantika elemento. Vi uzas ĝin, kiam neniu el la aliaj semantraj konteneraj elementoj taŭgas. Vi uzas ĝin por kombini partojn de via dokumento kune en diskretajn unuojn, kiujn vi povas priskribi laŭe. Se vi ne povas priskribi la elementojn en la sekcio en unu aŭ du frazoj, vi eble ne devas uzi la elementon.
Anstataŭe, vi devas uzi la DIV-elementon. La DIV-elemento en HTML5 estas ne-semantika kontenero. Se la enhavo, kiun vi provas kombini, ne havas signifon semántico, sed vi ankoraŭ devas kombini ĝin por stilo, tiam la DIV-elemento estas la taŭga elemento por uzi.
Kiel funkcias la Elekta Elemento
Sekcio de via dokumento povas aperi kiel la ekstera ujo por artikoloj kaj ASIDE-elementoj. Ĝi ankaŭ povas enhavi enhavon, kiu ne estas parto de ARTIKO aŭ ASIDE. SECTION-elemento ankaŭ povas esti trovita en ARTICLE, NAV, aŭ ASIDE. Vi povas eĉ nestumi sekciojn por indiki ke unu grupo de enhavo estas sekcio de alia grupo de enhavo, kiu estas sekcio de artikolo aŭ la paĝo en lia aro.
La SECTION-elemento kreas erojn ene de streko de la dokumento. Kaj kiel tia, vi ĉiam devas havi kaplinion (H1 tra H6) kiel parto de la sekcio. Se vi ne povas veni kun titolo por la sekcio, tiam denove la DIV-elemento probable estas pli taŭga. Memoru, se vi ne volas, ke la sekcio titolo aperas sur la paĝo, vi ĉiam povas maski ĝin per CSS.
Kiam Ne uzi la Elektan Elekton
Pli tie de la konsiloj supre por uzi la pli specifajn semantikajn elementojn unue, ekzistas unu difinita areo, ke vi ne uzu la SECTION-elementon: nur por stilo.
Alivorte, se la sola kialo, ke vi metas elementon en tiu loko, estas aliĝi CSS-stilojn, vi ne devas uzi SECTION-elementon. Trovu semantikan elementon aŭ uzu la DIV-elementon anstataŭe.
Finfine ĝi Majo Ne Materio
Malfacilaĵo por skribi semantikan HTML estas ke tio, kio estas semantika por mi, povas esti tute sensenca al vi. Se vi sentas, ke vi povas pravigi uzi la elementon de SECTION en viaj dokumentoj, tiam vi devas uzi ĝin. Plej multaj uzantoj ne zorgas kaj montros la paĝon, kiel vi eble atendas, ĉu vi stiras DIV aŭ SECTION.
Por diseñadores, kiuj ŝatas esti semantike korekta, uzanta la SECTION-elementon en duonforme valida maniero estas grava. Por diseñistoj, kiuj nur volas ke iliaj paĝoj funkciu, tio ne estas tiel grava. Mi kredas, ke skribanta semantike valida HTML estas bona praktiko kaj konservas la paĝojn pli estontajn-pruvitaj. Sed finfine ĝi estas al vi.