Ако погледате ХТМЛ означавање за било коју веб страницу данас видећете ХТМЛ елементе садржане у другим ХТМЛ елементима. Ови елементи који су „унутар“ других елемената познати су као угнежђени елементи, и они су од суштинског значаја за изградњу било које веб странице данас.
Шта значи гнездити ХТМЛ ознаке?
Најлакши начин за разумевање гнежђења је размишљање ХТМЛ тагови као кутије у којима се налази ваш садржај. Ваш садржај може садржати текст, слике и сродне медије. ХТМЛ ознаке су оквири око садржаја. Понекад морате да сместите кутије у друге кутије. Та "унутрашња" поља су угнежђена у другима.
Ако у пасусу имате блок текста који желите подебљано, имаћете два ХТМЛ елементи као и сам текст.
Пример: Ово је реченица текста.
Тај текст ћемо користити као пример. Ево како би то писало у ХТМЛ-у:
Пример: Ово је реченица текста.
Да се реч реченица подебљано, додајте ознаке за отварање и затварање пре и после те речи.
Пример: Ово је а реченица текста.
Као што видите, имамо један оквир (пасус) који садржи садржај реченице, плус други оквир ( јак пар тагова), што ту реч чини подебљаном.
Када угнездите ознаке, затворите их у супротном редоследу у којем сте их отворили. Отвориш
прво, а затим , што значи да то обрнете и затворите а затим.
Други начин размишљања о овоме је поновна употреба аналогије кутија. Ако сместите кутију у другу кутију, морате да затворите унутрашњу да бисте могли да затворите спољну или кутију која садржи.
Додавање још угнежђених ознака
Шта ако желите да буде само једна или две речи подебљано, а други постављен у курзив? Ево како се то ради.
Пример: Ово је а реченица текста и такође има неке укошен текст такође.
Можете видети да је наша спољна кутија,
, сада има две угнежђене ознаке - и . Обоје морају бити затворени пре него што се та кутија са затварачима може затворити.
Пример: Ово је а реченица текста и такође има неке укошен текст такође.
Ово је други параграф.
У овом случају имамо кутије унутар кутија! Крајња кутија је
или а. подела. Унутар тог оквира налази се пар угнежђених. тачке пасуса, а унутар првог пасуса имамо следећи. и пар ознака.Зашто бисте требали бринути о гнежђењу
Разлог бр. 1 због којег бисте требали водити рачуна о гнежђењу је ако ћете користити ЦСС. Каскадни табеле стилова ослањати се на тагове који ће бити доследно угнежђени у документу, тако да може рећи где стилови почињу и завршавају. Нетачно гнежђење отежава претраживачу да зна где да примени ове стилове. Погледајмо неки ХТМЛ:
Пример: Ово је а реченица текста и такође има неке укошен текст такође.
Ово је други пасус.
Користећи горњи пример, ако смо желели да напишемо а ЦСС стил то би утицало на везу унутар овог одељења, и само на ту везу (за разлику од било које друге везе у другим одељцима странице), морали бисмо да користимо гнежђење да напишемо овај стил, као такав:
.маин-цонтент а {
боја: # Ф00;
}
Остала разматрања
Приступачност и компатибилност прегледача су такође битни. Ако је ваш ХТМЛ погрешно угнежђен, неће бити толико доступан читачима екрана и старијим прегледачима - а могао би чак и потпуно разбити визуелни изглед странице ако прегледачи не могу да схвате како правилно да прикажу страницу јер су ХТМЛ елементи и ознаке изван место.
Коначно, ако се трудите да напишете потпуно исправан и важећи ХТМЛ, мораћете да користите правилно гнежђење. У супротном, сваки валидатор ће означити ваш ХТМЛ као нетачан.