Nistéier HTML Tags

Wéi et Nest HTML Tags korrekt

Wann Dir de HTML Markup vun enger Websäit haut kuckt, fannt Dir HTML Elementer an aner HTML Elementer. Dës Elementer déi "anner" vu aaneren sinn, wat "Gebaier Elementer" bekannt sinn an si sinn essentiell fir eng Websäit haut ze bauen.

Wat heescht dat fir d'Nest HTML Tags?

Deen einfachste Wee fir d'Nistung ze verstoen ass den Gedanken iwwer HTML Tags als Këschten déi Ären Inhalt halen. Ären Inhalt kann Text, Biller, etc. bezeechnen. HTML Tags sinn d'Këschten ëm den Inhalt. Heiansdo musst Dir Boxen an aner Boxen setzen. Déi "bannenzeg" Këschte sinn hannerlooss.

Wann Dir e Blockschrëft vun Texter hutt, déi Dir fett an engem Paragrapus wëllt futti maachen, hutt Dir zwee HTML Elementer wéi och den Text selwer.

Beispill: Dëst ass en Urteel vum Text.

Dëse Text ass wat mir als e Beispill benotzen. Hei ass wéi et geschriwwe wier.

Beispill: Dëst ass en Urteel vum Text

Well Dir wëllt de Wuert "Saz" fett, da fänkt Äert Äert Äusserdeem ze schécken oder ze schloen.

Beispill: Dëst ass e sentence vum Text

Wéi Dir gesitt, hu mir eng Këscht (de Paragraphe), déi den Inhalt / Text vun eisem Satz enthält, plus eng zweet Këscht (déi starke Etapp), wat d'Wuert als fett gëtt.

Wann Dir Nist-Tags ass, ass et kritesch wichteg datt Dir d'Bezeechnungen an der Géigend zougitt, déi Dir se geopfert huet. Dir fuert den éischten op

, gefollegt vun der , dat heescht datt Dir d'Fënster an d' an dann de ëmgitt.

Eng aner Manéier fir dëst ze denken ass d'Kéier, d'Analogie vu Këschte weider ze benotzen. Wann Dir eng Këschtchen an aner Këscht setzen, musst Dir d'Zenter zoumaachen, ier Dir den Äusseren oder d'Këscht déi zoukuckt.

Füüg méi Nested Schlësselen

Wat ass wann Dir nëmmen een oder zwee Wierder fett fillt, an eng aner Kursiv ass? Hei ass wéi Dir et maachen.

Beispill: Dëst ass en sentence vum Text an et huet och e Kursiv Text .

Dir kënnt gesinn datt eis äusseren Këscht, de

, elo zwee zwëschent Stécker huet - de an de . Si musse béid zougemaach ginn ier déi Box mat Behälter zougemaach ginn ass.

Beispill: Dëst ass en sentence vum Text an et huet och e Kursiv text .

Dëst ass e weidere Paragraphe < / p>

An dësem Fall hu mir Boxen bannendran Boxen! Déi meeschte Këscht ass d'

oder eng "Divisioun". An dësem Box ass e Paart verschachtelt Paragraphen, an am éischte Paragraphe hunn mir e nächste an Tag Paar. Eng Kéier eroof eng nei Websäit ze kucken an Dir wäert dat gesinn an vill méi Nestelen passéieren! Dëst ass wéi Säite sinn gebaut Boxen an der Këscht.

Firwat sollt Dir Iech iwwer Nesting suergen

Déi Zuel als Ursaach datt Dir Iech nosteie këmmere sollt, ass wann Dir CSS benotzt. Cascading Style Sheets verléieren op Alteren, déi konsequent an den Dokumenter geschat ginn, sou datt et kann soen, wou Styles starten an enden. Wann Dir e Stil stiich deen all "Linken" déi an der Divisioun mat enger Klass vun "main-content" "Text op der Säit sinn, beaflossen, mécht d'falsch Nesting et schwéier fir de Browser ze wëssen, wien dës Stile applizéieren. Loosst eis e puer HTML kucken:

Beispill: Dëst ass en sentence vum Text an et huet och e Kursiv Text .

This is another paragraph .

Benotzt vum Beispiller ech just gesot, wann ech en CSS-Stil hunn, deen den Link an dëser Divisioun géif beaflossen hunn, a nëmmen datt de Link (am Géigesaz zu all aner Linken an aneren Rubriken vun der Säit) brauch ech de Nisting schreift meng Aart, sou wéi:

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

Aner Grënn sinn Accessibilitéit a Browser compatibilitéit. Wann Äre HTML net falsch geschacht ass, ass et net esou zougänglech fir Screenreader an eelere Browser ze gesinn - an et konnt souguer d'visuell Optriede vun enger Säit bremsen, wann d'Browser net méi erausfanne wéi richteg se eng Säit ze ruffen, well HTML Elementer an Tags sinn aus där Plaz.

Schlussendlech, wann Dir probéiert huet, ganz korrekt a gëlteg HTML ze schreiwen, musst Dir richteg Korrekturmethoden benotzen. Soss kënnt all Validator Äre HTML net korrekt.