Foleja e etiketave HTML

Si të fiksoheni HTML tags në mënyrë korrekte

Nëse shikoni në shenjën HTML për çdo faqe të internetit sot, do të shihni elementë HTML të përmbajtura brenda elementëve të tjerë HTML. Këto elemente që janë "brenda" të të tjerëve janë ato që njihen si "elemente të mbivendosur" dhe ato janë thelbësore për ndërtimin e ndonjë faqeje të internetit sot.

Çfarë do të thotë të foshnjës HTML tags?

Mënyra më e lehtë për të kuptuar fole është të mendosh për etiketat HTML si kuti që mbajnë përmbajtjen tënde. Përmbajtja juaj mund të përfshijë tekstin, imazhet etj. Kodet HTML janë kutitë rreth përmbajtjes. Ndonjëherë, ju duhet të vendosni kuti brenda kutive të tjera. Kuti "të brendshme" janë të mbivendosur brenda të tjerëve.

Nëse keni një bllok teksti që doni të guximshme brenda një paragrafi, do të keni dy elementë HTML, si dhe vetë tekstin.

Shembull: Kjo është një fjali e tekstit.

Ky tekst është ajo që ne do të përdorim si shembullin tonë. Ja se si do të shkruhej.

Shembull: Kjo është një fjali e tekstit.

Për shkak se doni që fjalia "dënim" të jetë i guximshëm, ju shtoni hapjen dhe mbylljen e etiketave të guximshme përpara dhe pas kësaj pune.

Shembull: Ky është një dënim i tekstit.

Siç mund ta shihni, ne kemi një kuti (paragrafi) i cili përmban përmbajtjen / tekstin e dënimit tonë, plus një kuti të dytë (palë e fuqishme tag), e cila do ta bëjë atë fjalë të guximshme.

Kur të vendosni etiketat në fole, është shumë e rëndësishme që t'i mbyllni etiketat në mënyrë të kundërta që i keni hapur ato. Ju hapni

​​fillimisht, pasuar nga , që do të thotë që ju të ndryshoni atë dhe mbyllni dhe pastaj .

Një tjetër mënyrë për të menduar për këtë është të përdorim edhe një herë analogjinë e kutive. Nëse vendosni një kuti brenda një kuti tjetër, duhet të mbyllni pjesën e brendshme përpara se të mbyllni kutinë e jashtme ose të përmbajtjes.

Shtimi i etiketave më të mbivendosur

Çka nëse doni vetëm që një ose dy fjalë të jenë të guximshme dhe një tjetër të jetë kurioz? Ja se si ta bëjmë këtë.

Shembull: Ky është një dënim i tekstit dhe gjithashtu ka disa tekst të shkruar .

Ju mund të shihni se kutia jonë e jashtme,

, tani ka dy etiketa të mbivendosur brenda saj - dhe . Ata duhet të jenë të mbyllura para se kutia përmbajnë mund të mbyllet.

Shembull: Ky është një dënim i tekstit dhe gjithashtu ka disa tekst të shkruar .

Ky është një paragraf tjetër. / p>

Në këtë rast kemi kuti brenda kutive! Kutia më jashtë është

ose një "ndarje". Brenda kësaj kutie janë një palë etiketë të paragrafëve të mbivendosur, dhe brenda paragrafit të parë kemi një palë të ardhshme dhe tag. Edhe një herë, shikoni në çdo faqe web sot dhe ju do të shihni këtë dhe shumë më tepër foletë ndodh! Kështu krijohen faqe - kuti brenda kutive.

Pse duhet të kujdeseni për gërshetimin?

Numri një arsye që ju duhet të kujdeseni për fole është nëse ju do të përdorni CSS. Cascading Style Sheets mbështeten në etiketa që vazhdimisht mbivendosen brenda dokumentit në mënyrë që të mund të tregojë se ku stilet fillojnë dhe mbarojnë. Nëse vendosni një stil që duhet të prekë të gjitha "lidhjet që janë brenda ndarjes me një klasë të" përmbajtjes kryesore "" në faqe, foleja e pasaktë e bën të vështirë që shfletuesi të dijë se ku duhet t'i zbatojë këto stile. Le të shohim disa HTML:

Shembull: Ky është një dënim i tekstit dhe gjithashtu ka disa tekst të shkruar .

Kjo është një paragraf tjetër .

Duke përdorur shembullin që kam thënë, nëse doja të shkruaja një stil CSS që do të ndikonte në lidhjen brenda kësaj ndarjeje dhe vetëm që lidh (në krahasim me ndonjë lidhje tjetër në seksione të tjera të faqes), do të duhej ta përdorja fole për të shkruar stilin tim, si i tillë:

.main-content a {ngjyra: # F00; }

Arsyet e tjera përfshijnë aksesueshmërinë dhe pajtueshmërinë e shfletuesit. Nëse HTML është mbivendosur gabimisht, nuk do të jetë aq i qasshëm për lexuesit e ekranit dhe shfletuesit më të vjetër - dhe mund të prishë plotësisht pamjen vizuale të një faqeje nëse shfletuesit nuk mund të kuptojnë se si duhet të rendisin një faqe për shkak se elementët HTML dhe etiketat janë jashtë vendit.

Së fundi, nëse përpiqesh të shkruash HTML plotësisht të saktë dhe të vlefshme, duhet të përdorësh foljen e saktë. Përndryshe, çdo validator do të flamë HTML tuaj si të pasaktë.