Як Nest HTML тэгі правільна
Калі вы паглядзіце на HTML-разметкі для любой вэб-старонкі сёння, вы ўбачыце HTML элементы, якія змяшчаюцца ў іншых HTML элементаў. Гэтыя элементы, якія з'яўляюцца «ўнутры» іншых тое, што вядома як «укладзеныя элементы», і яны маюць важнае значэнне для пабудовы любой вэб-старонкі сёння.
Што гэта значыць для Nest HTML тэгі?
Самы просты спосаб зразумець ўкладзенасці думаць HTML тэгаў як скрынкі , якія трымаюць сваё ўтрыманне. Ваша ўтрыманне можа ўключаць у сябе тэкст, малюнкі і г.д. HTML-тэгі скрынкі вакол зместу. Часам вам трэба месца скрынкі ўнутры іншых скрынак. Гэтыя «ўнутраныя» скрынкі ўкладзеныя ў іншыя.
Калі ў вас ёсць блок тэксту , які вы хочаце паўтлустым ўнутры абзаца, вы будзеце мець два элемента HTML , а таксама сам тэкст.
Прыклад: Гэта прапанова тэксту.Гэты тэкст з'яўляецца тое, што мы будзем выкарыстоўваць у якасці нашага прыкладу. Вось як гэта было б напісана.
<Р> . Прыклад: Гэта прапанова тэкстуТаму што вы хочаце, каб слова «фраза" быць адважным, вы дадасце адкрыцця і закрыцця смелых тэгаў да і пасля гэтага worod.
<Р> Прыклад :. Гэта <моцны> прапанову тэкстЯк вы можаце бачыць, мы маем адну скрынку (абзац), які змяшчае кантэнт / тэкст нашага прапановы, а таксама другое акно (моцная пара тэгаў), які будзе аказваць гэтае слова, як паўтлусты.
Калі вы ўкладваеце тэгі, гэта крытычна важна, каб закрыць тэг у зваротным парадку, што вы адкрылі іх. Вы адкрыць <р> першы, які суправаджаецца <моцны>, што азначае адваротнае, што і закрыць , а затым .
Іншы спосаб думаць пра тое, што гэта яшчэ раз выкарыстаць аналогію скрынак. Калі змясціць скрынку ў іншы скрынцы, вы павінны зачыніць ўнутраныя адзін, перш чым вы можаце зачыніць вонкавую або змяшчае скрынку.
Даданне дадатковых Укладзеныя тэгі
Што рабіць, калі вы хочаце толькі адзін ці два словы, каб быць смелым, і іншы набор, каб быць нахільным? Вось як гэта зрабіць.
<Р>. Прыклад: Гэта <моцны> прапанову тэкст, а таксама мае некаторыя Курсіўны тэкст занадтаВы можаце бачыць, што наша знешняя скрынка, то <р>, зараз ёсць два ўкладзеных тэгаў ўнутры яе - і . Яны абодва павінны быць закрытыя да таго, якое змяшчае акно можа быць зачынены.
Прыклад: .. Гэта <моцны> прапанову тэкст, а таксама мае некаторыя Курсіўны тэкст таксама Гэта яшчэ адзін параграф < / p> У гэтым выпадку мы маем скрынку ўнутры скрынкі! Найбольш з скрынкі з'яўляецца Нумар адзін прычына, па якой вы павінны клапаціцца аб ўкладзенасці, калі вы збіраецеся выкарыстоўваць CSS. Каскадныя табліцы стыляў належаць на тэгі, якія будуць паслядоўна ўкладзеныя ў дакумент так, што ён можа сказаць, дзе стылі пачынаюцца і заканчваюцца. Калі вы стварылі стыль, які павінен уплываць на ўсе «спасылкі, якія знаходзяцца ўнутры падраздзялення з класам" асноўны-кантэнту "» тэкст на старонцы, няправільная укладзенасць робіць яго цяжка для браўзэра ведаць, дзе прымяніць гэтыя стылі. Давайце паглядзім на некаторыя HTML: Выкарыстоўваючы прыклад, які я толькі што сказаў, калі б я хацеў напісаць стыль CSS, які будзе ўплываць на спасылку ўнутры гэтага падраздзялення, і толькі па гэтай спасылцы (у адрозненне ад любых іншых спасылак у іншых раздзелах старонкі), я павінен быў бы выкарыстаць ўкладзенасці напісаць свой стыль, як такі: Іншыя прычыны ўключаюць у сябе даступнасць і сумяшчальнасць браўзэра. Калі ваш HTML няправільна укладзенымі, гэта не будзе гэтак жа даступныя для чытання з экрана і больш старых браўзэраў - і гэта можа нават цалкам разбурыць знешні выгляд старонкі, калі браўзэр не можа зразумець, як правільна адлюстраваць старонку таму, што HTML-элементаў і тэгаў недарэчныя. І, нарэшце, калі вы імкнецеся пісаць цалкам правільны і сапраўдны HTML, вы павінны выкарыстоўваць правільную укладзенасць. У адваротным выпадку, кожны валідатар сцяг ваш HTML як памылковы. Чаму Вы павінны клапаціцца аб вёрстка