І калі выкарыстоўваць артыкулы, ASIDE і DIV
Новы Раздзел элемент HTML5 можа быць некалькі заблытаным. Калі вы будавалі HTML дакументаў , перш чым HTML5, хутчэй за ўсё , вы ўжо карыстаецеся элемент для стварэння структурных падраздзяленняў у межах вашых старонак , а затым стыль старонкі з імі. Так што гэта можа здацца натуральным, што трэба проста замяніць існуючыя элементы DIV з Раздзелам элементамі. Але гэта тэхнічна няправільна. Так што, калі вы не проста замяніць DIV элементы з Раздзелам элементаў, як выкарыстоўваць іх правільна?
Элемент Раздзел ўяўляе сабой семантычны элемент
Першае , што трэба зразумець, што элемент секцый з'яўляецца семантычным элементам. Гэта азначае, што яна забяспечвае значэнне для абодвух агентаў карыстальнікаў і людзей аб тым, што прыкладаемая змест з'яўляецца спецыфічна секцыі дакумента.
Гэта можа здацца вельмі агульнай семантычнага апісання, і гэта таму, што яна ёсць. Ёсць і іншыя элементы HTML5 , якія забяспечваюць больш семантычныя адрозненні ў ваш кантэнт , які вы павінны выкарыстоўваць , перш чым выкарыстоўваць элемент SECTION:
- Артыкул
- ASIDE
- СЧА
Калі выкарыстоўваць SECTION Element
Выкарыстоўвайце элемент ARTICLE, калі змест з'яўляецца незалежнай часткай сайта, якая можа самастойна і быць сіндыкаванага як артыкул ці блогу. Выкарыстоўвайце ASIDE элемент, калі ўтрыманне ўскоснае стаўленне альбо да зместу старонкі або самога сайта, такія як бакавыя панэлі, анатацыі, зноскі, або звязанай з імі інфармацыі сайта. Выкарыстоўвайце элемент NAV для змесціва, рух.
Элемент секцый з'яўляецца радавым семантычным элементам. Вы можаце выкарыстоўваць яго, калі ні адзін з іншых сэнсавых элементаў кантэйнера не зьяўляюцца прыдатнымі. Вы можаце выкарыстоўваць яго, каб аб'яднаць часткі дакумента разам у дыскрэтныя адзінкі, якія вы можаце апісаць як звязаныя якім-небудзь чынам. Калі вы не можаце апісаць элементы ў раздзеле ў адным або двух прапановах, то вы, верагодна, не варта выкарыстоўваць элемент.
Замест гэтага, вы павінны выкарыстоўваць элемент DIV. Элемент DIV ў HTML5 не з'яўляецца семантычным элементам кантэйнера. Калі ўтрыманне вы спрабуеце аб'яднаць не мае сэнсавае значэнне, але вам усё яшчэ трэба, каб аб'яднаць яго для кладкі, то элемент DIV з'яўляецца адпаведны элемент для выкарыстання.
Як функцыянуе Раздзел Element Works
Частка дакумента можа з'явіцца ў якасці вонкавай тары для вырабаў і ASIDE элементаў. Ён таксама можа ўтрымліваць кантэнт, які не з'яўляецца часткай артыкула або ўбок. Секцыя элемент таксама можа быць знойдзены ўнутры артыкула, СЧ, або ўбок. Вы можаце нават раздзелы гнязда, каб паказаць, што адна група кантэнту з'яўляецца раздзел іншай групы кантэнту, які з'яўляецца раздзел артыкула або старонкі ў цэлым.
Элемент секцыя стварае элементы ўнутры накідаў дакумента. І такім чынам, вы заўсёды павінны мець загаловак элемента (H1 праз H6) у якасці часткі разрэзу. Калі вы не можаце прыдумаць назву для часткі, а затым зноў элемент DIV, верагодна, больш прыдатным. Памятаеце, што калі вы не хочаце, назву раздзела з'явіцца на старонцы, вы заўсёды можаце схаваць яго з дапамогай CSS.
Калі не выкарыстоўваць раздзел Element
Акрамя вышэй саветаў, каб выкарыстоўваць больш канкрэтныя семантычныя элементы першае, ёсць адна пэўная вобласць, якую вы не павінны выкарыстоўваць элемент SECTION: толькі для стылю.
Іншымі словамі, калі адзіная прычына, вы змяшчаеце элемент у гэтым месцы надаваць ўласцівасці стылю CSS, вы не павінны выкарыстоўваць SECTION элемент. Знайсці семантычны элемент або выкарыстоўваць элемент DIV замест гэтага.
У канчатковым рахунку гэта можа не мае значэння
Цяжкасць у напісанні семантычнага HTML з'яўляецца тое, што семантычны мне можа быць поўным глупствам для вас. Калі вы адчуваеце, што вы можаце апраўдаць выкарыстанне элемента SECTION ў дакументах, то вы павінны выкарыстоўваць яго. Большасць агентаў карыстальнікаў не хвалюе і будзе адлюстроўвацца на старонцы, як вы маглі б чакаць, вы стылізаваць Ці DIV або SECTION.
Для дызайнераў, якія любяць быць семантычна правільна, выкарыстоўваючы элемент SECTION ў семантычна сапраўдным чынам мае важнае значэнне. Для дызайнераў, якія проста хочуць, каб іх старонкі, каб працаваць, гэта не так важна. Я лічу, што напісанне семантычна правільны HTML з'яўляецца добрай практыкай і захоўвае старонкі больш будучыню абсталяваная прыладай. Але ў рэшце рэшт, гэта да вас.