HTML тегтерін енгізу

HTML тегтерін қалай дұрыс орналастыру керек

Егер кез-келген веб-бет үшін HTML түзетулерін қарасаңыз, басқа HTML элементтерінде қамтылған HTML элементтерін көресіз. Бұл элементтер «ішкі» басқа элементтер болып табылады, олар «кірістірілген элементтер» деп аталады және олар кез келген веб-бетті құру үшін маңызды.

HTML тегтерін ұйғару деген нені білдіреді?

Енгізуді түсінудің ең оңай жолы - HTML тегтерін мазмұныңызды ұстайтын қорап ретінде ойлау. Мазмұныңызда мәтін, суреттер және т.б. болуы мүмкін. HTML тегтері - мазмұнның айналасындағы қораптар. Кейде басқа қораптар ішіндегі қораптарды орналастыру қажет. Бұл «ішкі» қораптар басқа адамдардың ішіне кіреді.

Егер сізде параграфтың ішінде батыл болғыңыз келетін мәтін блогы болса, сізде екі HTML элементі , сондай-ақ мәтін өзі болады.

Мысал: Бұл мәтіннің сөйлемі .

Бұл мәтін бізге мысал ретінде қолданылатын болады. Міне, бұл қалай жазылады.

Мысал: Бұл мәтіннің сөйлемі.

Өйткені, сіз «сөйлем» деген сөздің батыл болуын қаласаңыз, сіз бұған дейінгі және кейінгі қалың тегтерді ашып, жауып отырасыз.

Мысал: Бұл мәтіннің сөйлемі .

Көріп отырғанымыздай, бізде сөйлемнің мазмұны / мәтіні бар бір қорап (параграф) бар, ал екінші сөздік (мықты тегтер парағы) бар, ол сол сөзді батыл етеді.

Тегтерді енгізгенде, тегтерді сіз ашқан кезде қарама-қарсы тәртіпте жабу өте маңызды.

алдымен , содан кейін оны кері айналдырып, және дегенді білдіреді.

Бұл туралы ойланудың тағы бір жолы - қораптар ұқсастығын қайтадан пайдалану. Егер сіз басқа қораптың ішіне қорапты қойсаңыз, сырт немесе қорапты жабу үшін ішкі жабылады.

Қосымша кірістірілген тегтерді қосу

Егер сіз бір-екі сөздің батыл болуын қаласаңыз, ал екіншісі курсивпен белгіленеді ме? Мұны қалай жасауға болады.

Мысал: Бұл мәтіннің сөйлемі және де курсивпен мәтін де бар.

ішіндегі сыртқы қораптағы енді екі ішкі тегтер бар - және . Олар қорапты жабудан бұрын жабық болуы керек.

Мысал: Бұл мәтіннің сөйлемі және де курсивпен мәтін де бар.

Бұл тағы бір абзац. / p>

Бұл жағдайда қораптың ішіндегі қораптар бар! Ең үлкен қорап -

немесе «бөлісу». Бұл қораптың ішіне кірістірілген параграф тегтері және бірінші параграфтың ішінде келесі және тегтер жұбы бар. Тағы да, кез-келген веб-бетке бүгін қараңыз және сіз бұл және әлдеқайда көбірек ұя салуды көресіз! Беттердің беткі жағында - қораптар ішіндегі қораптар.

Nesting туралы қамқорлық жасауыңыз керек

Сіз ұя салу туралы қамқорлық жасаудың басты себебі - CSS-ды қолданғыңыз келсе. Каскадты стильдер кестелері стильтердің қайда басталатынын және аяқталатындығын білдіруі үшін құжаттағы дәйекті енгізілген тегтерге сүйенеді. Егер сіз беттің ішіндегі «негізгі мазмұн» сынып мәтіні бар барлық «сілтемелерге әсер ететін мәнерді орнатсаңыз, қате енгізу ұяшыққа браузердің осы стильдерді қайда қолдану керектігін білуін қиындатады. Кейбір HTML-ке қарап көрейік:

Мысал: Бұл мәтіннің сөйлемі және де курсивпен мәтін де бар.

Бұл басқа параграф .

Егер мен осы бөлімде сілтемеге әсер ететін CSS стилін жазғым келсе, мен ғана сілтеме келтірген мысалды пайдалансам (тек осы беттің басқа бөлімдеріндегі кез-келген басқа сілтемелерге қарама-қарсы), мен Менің стилімді жазуға ұя салатын сияқты:

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

Басқа себептерге қол жетімділік және браузердің үйлесімділігі кіреді. Егер сіздің HTML дұрыс емес кірістірілген болса, ол оқырмандарды және ескі браузерлерді көру үшін қол жетімді болмайды - егер браузерлер бетті дұрыс жасау жолын анықтау мүмкін болмаса, беттің визуалды көрінісін толығымен бұзуы мүмкін, себебі HTML элементтері мен тегтері орын жоқ.

Ақырында, дұрыс және жарамды HTML жазуды қаласаңыз, дұрыс ұя салуды пайдалануыңыз керек. Әйтпесе, әрбір валидатор сіздің HTML-ті дұрыс емес деп белгілейді.