Nestio Tagiau HTML

Sut i Nest Tags Tags Cywir

Os edrychwch ar y marc HTML ar gyfer unrhyw dudalen we heddiw, byddwch yn gweld elfennau HTML sydd wedi'u cynnwys mewn elfennau HTML eraill. Yr elfennau hyn sy'n "fewnol" eraill yw yr hyn a elwir yn "elfennau nythog", ac maent yn hanfodol i adeiladu unrhyw dudalen we heddiw.

Beth mae'n ei olygu i Nest Tags HTML?

Y ffordd hawsaf o ddeall nythu yw meddwl am tagiau HTML fel blychau sy'n dal eich cynnwys. Gall eich cynnwys gynnwys testun, delweddau, ayb. Tagiau HTML yw'r blychau o gwmpas y cynnwys. Weithiau, bydd angen i chi osod bocsys y tu mewn i flychau eraill. Mae'r blychau "mewnol" hynny wedi'u nythu y tu mewn i eraill.

Os oes gennych bloc o destun yr ydych am ei fod yn feiddgar y tu mewn i baragraff, bydd gennych ddwy elfen HTML yn ogystal â'r testun ei hun.

Enghraifft: Mae hon yn ddedfryd o destun.

Y testun hwnnw yw'r hyn y byddwn yn ei ddefnyddio fel ein hesiampl. Dyma sut y byddai'n cael ei ysgrifennu.

Enghraifft: Mae hon yn ddedfryd o destun.

Oherwydd eich bod am i'r gair "frawddeg" fod yn feiddgar, byddwch yn ychwanegu agor a chasglu tagiau trwm cyn ac ar ôl y pryd hwnnw.

Enghraifft: Mae hon yn ddedfryd o destun.

Fel y gwelwch, mae gennym un blwch (y paragraff) sy'n cynnwys cynnwys / testun ein dedfryd, ynghyd â bocs ail (y pâr tag cryf), a fydd yn rhoi'r gair hwnnw'n feiddgar.

Pan fyddwch chi'n nythu tagiau, mae'n hollbwysig eich bod yn cau'r tagiau yn yr orchymyn arall yr ydych wedi eu hagor. Rydych chi'n agor y

yn gyntaf, ac yna'r , sy'n golygu eich bod yn gwrthdroi hynny a chau'r ac yna'r .

Ffordd arall i feddwl am hyn yw defnyddio cymhareb blychau unwaith eto. Os ydych chi'n gosod blwch y tu mewn i flwch arall, rhaid i chi gau'r un fewnol cyn i chi gau'r blwch allanol neu'r blwch sy'n cynnwys.

Ychwanegu Tagiau Nest Mwy

Beth os ydych chi am i un neu ddau o eiriau fod yn feiddgar, a gosod arall i fod yn italig? Dyma sut i wneud hynny.

Enghraifft: Mae hon yn ddedfryd o destun ac mae ganddo hefyd destun italigized hefyd.

Gallwch weld bod ein bocs allanol, y

, bellach â dau dag wedi'i nythu y tu mewn iddo - y a'r . Rhaid iddynt gael eu cau cyn y gellir cau'r blwch sy'n cynnwys blwch.

Enghraifft: Mae hon yn ddedfryd o destun ac mae ganddo hefyd destun italig hefyd.

Mae hwn yn baragraff arall. < / p>

Yn yr achos hwn mae gennym ni flychau y tu mewn i flychau! Y blwch mwyaf allan yw'r

neu "division". Y tu mewn i'r blwch hwnnw mae pâr o tagiau paragraff nythu, ac y tu mewn i'r paragraff cyntaf mae gennym bâr tag nesaf a . Unwaith eto, edrychwch ar unrhyw dudalen we heddiw a byddwch yn gweld hyn a llawer mwy yn digwydd yn nythu! Dyma sut mae tudalennau wedi'u hadeiladu - blychau y tu mewn i flychau.

Pam Dylech Chi Ofalu Am Nestio

Y rheswm rhif un y dylech ofalu am nythu yw os ydych chi'n mynd i ddefnyddio CSS. Mae Taflenni Arddull Cascading yn dibynnu ar tagiau i gael eu nythu'n gyson o fewn y ddogfen fel y gall ddweud pa arddulliau sy'n dechrau ac yn dod i ben. Os ydych yn gosod arddull a ddylai effeithio ar yr holl "gysylltiadau sydd y tu mewn i'r adran gyda dosbarth o destun" prif-gynnwys "" ar y dudalen, mae'r nythu anghywir yn ei gwneud hi'n anodd i'r porwr wybod ble i ddefnyddio'r arddulliau hyn. Edrychwn ar rai HTML:

Enghraifft: Mae hon yn ddedfryd o destun ac mae ganddo hefyd destun italigized hefyd.

Dyma paragraff arall .

Gan ddefnyddio'r esiampl yr wyf newydd ei ddweud, os oeddwn am ysgrifennu arddull CSS a fyddai'n effeithio ar y cyswllt y tu mewn i'r adran hon, a dim ond y ddolen honno (yn hytrach nag unrhyw gysylltiadau eraill mewn rhannau eraill o'r dudalen), byddai angen i mi ddefnyddio'r yn nythu i ysgrifennu fy arddull, fel y cyfryw:

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

Mae rhesymau eraill yn cynnwys hygyrchedd a chysondeb porwr. Os yw'ch HTML wedi'i nythu yn anghywir, ni fydd mor ddarllenadwy i ddarllenwyr sgrin a phorwyr hŷn - a gallai hyd yn oed dorri golwg gweledol tudalen os na all y porwyr gyfrifo sut i wneud tudalen yn briodol oherwydd bod elfennau HTML a tagiau yn ddi-le.

Yn olaf, os ydych chi'n ymdrechu i ysgrifennu HTML gwbl gywir a dilys, bydd angen i chi ddefnyddio nythu cywir. Fel arall, bydd pob dilyswr yn dangos eich HTML fel anghywir.