Elements SECTION tiek definēts kā tīmekļa lapas vai vietnes semantiskā sadaļa, kas nav cits specifiskāks veids, piemēram, ARTICLE vai ASIDE. Dizaineri bieži izmanto šo elementu, atzīmējot atsevišķu lapas sadaļu - visu sadaļu, kuru var pārvietot un izmantot citās lapās vai vietnes daļās. Tas ir atšķirīgs satura gabals.
Turpretī DIV elements ir piemērots tām lapas daļām, kuras vēlaties sadalīt citiem mērķiem, nevis semantika. Piemēram, jūs varat ietīt kādu saturu DIV, lai tam piešķirtu "āķi", lai veidotu CSS. Semantiski tā var nebūt atsevišķa satura sadaļa, bet tā ir izdalīta tā, lai jūs varētu sasniegt vēlamo izkārtojumu vai sajūtu.
Viss ir par semantiku
Vienīgā atšķirība starp DIV un SECTION elementiem ir semantika - nozīme no jūsu sadalītā satura.
Jebkuram saturam, kas atrodas DIV elementā, nav raksturīgas nozīmes. Vislabāk to izmantot šādām lietām:
- CSS stili un āķi CSS stiliem
- Izkārtojuma konteineri
- JavaScript āķi
- Sadalījumi, kas atvieglo satura vai HTML lasīšanu
DIV elements agrāk bija vienīgais pieejamais elements, lai pievienotu āķus stila dokumentiem un izkārtojumiem. Pirms HTML5 tipiskā tīmekļa lapa bija mīksta ar DIV elementiem. Patiesībā daži WYSIWYG redaktori izmantoja DIV elementu tikai dažreiz rindkopu vietā.
HTML5 ieviesa sadaļu elementus, kas izveidoja semantiski aprakstošākus dokumentus un palīdzēja definēt šo elementu stilus.
Kas par SPAN elementu?
Vēl viens izplatīts nesemantisks elements ir SPAN. Tas tiek izmantots rindā lai pievienotu āķus stiliem un skriptiem ap satura blokiem (parasti teksts). Šajā ziņā tas ir tieši tāds pats kā DIV, bet nav bloķēt elementu. Domājiet par DIV kā bloka līmeņa SPAN un izmantojiet to tāpat, bet veseliem HTML satura blokiem.
HTML nav salīdzināmas iekļautās sadaļas elementa.
Vecākām Internet Explorer versijām
Pat ja jūs atbalstāt dramatiski vecākas Microsoft Internet Explorer versijas, kas droši neatpazīst HTML5, jums vajadzētu izmantot semantiski pareizus HTML tagus. Semantika palīdzēs jums un jūsu komandai pārvaldīt lapu nākotnē. Jaunākās Internet Explorer versijas, kā arī tās aizstājēja Microsoft Edge atpazīst HTML5.
DIV un SECTION Elements izmantošana
Lai definētu, derīgā HTML5 dokumentā SECTION var izmantot gan DIV, gan SECTION elementus semantiski diskrētas satura daļas un DIV, lai definētu CSS, JavaScript un izkārtojuma āķus mērķiem.
Oriģināls raksts, ko izstrādājusi Dženifera Krinina. Rediģēja Džeremijs Žirards 15.03.17.