Kiel Nestigi HTML Etikedoj Ĝuste
Se vi rigardas la HTML-markon por iu retpaĝaro hodiaŭ, vi vidos HTML-elementojn enhavajn en aliajn HTML-elementojn. Ĉi tiuj elementoj, kiuj estas "interne" de aliaj, estas nomataj "nestitaj elementoj", kaj ili estas esencaj konstrui ĉiun retpaĝon hodiaŭ.
Kion Ĝi Signifas Nest HTML Etikedoj?
La plej facila maniero por kompreni nestadon estas pensi pri HTML-etikedoj kiel skatoloj, kiuj tenas vian enhavon. Via enhavo povas inkluzivi tekston, bildojn, ktp. HTML-etikedoj estas la skatoloj ĉirkaŭ la enhavo. Kelkfoje, vi bezonas lokajn skatolojn ene de aliaj skatoloj. Tiuj "internaj" skatoloj nestumas ene de aliaj.
Se vi havas blokon de teksto, ke vi volas aŭdaci ene de alineo, vi havos du HTML-elementojn tiel kiel la tekston mem.
Ekzemplo: Ĉi tio estas frazo de teksto.Tiu teksto estas, kion ni uzos kiel nia ekzemplo. Jen kiel ĝi estus skribita.
Ekzemplo: Ĉi tio estas frazo de teksto.
Ĉar vi volas ke la vorto "frazo" estu aŭdaca, vi aldonas malfermi kaj fermi aŭdacajn etikedojn antaŭ kaj post tiu maltrankvilo.
Ekzemplo: Jen teksto de teksto.
Kiel vi povas vidi, ni havas unu skatolon (la alineo), kiu enhavas la enhavon / tekston de nia frazo, krom dua skatolo (la forta etikedo), kiu redonos tiun vorton kuraĝa.
Kiam vi nestumas etikedojn, ĝi estas grave grava, ke vi fermu la etikedojn kontraŭe, ke vi malfermis ilin. Vi malfermas la
unue, sekvita de la , kio signifas, ke vi renversas tion kaj fermas la kaj tiam la .
Alia maniero por pensi pri tio estas denove uzi la analogion de skatoloj. Se vi enmetas skatolon en alian skatolon, vi devas fermi la internon antaŭ ol vi povas fermi la eksteran aŭ enhavantan skatolon.
Aldonante Pli Nestitaj Etikedoj
Kion se vi nur volas aŭ du vortojn esti aŭdacaj, kaj alia aro esti kursiva? Jen kiel fari tion.
Ekzemplo: Ĉi tio estas frazo de teksto kaj ĝi ankaŭ havas iujn kursivan tekston . Vi povas vidi, ke nia ekstera skatolo, la , nun havas du nestajn etikedojn en ĝi - la kaj la . Ili ambaŭ devas esti fermitaj antaŭ ol tiu enhavanta skatolon povas esti fermita. Ekzemplo: Ĉi tio estas teksto de kaj ankaŭ ĝi havas iujn kursivan tekston . Ĉi tio estas alia alineo. < / p> En ĉi tiu kazo ni havas skatolojn ene de skatoloj! La plej elstara skatolo estas la La nombro unu kialo, ke vi zorgas pri anidado estas se vi uzos CSS. Cascading Style Sheets fidas je etikedoj por esti konstante nestitaj ene de la dokumento por ke ĝi povu scii, kie stiloj komenciĝas kaj finiĝas. Se vi starigas stilon, kiu devus tuŝi ĉiujn "ligojn, kiuj estas interne de la divido kun klaso de" ĉefa-enhavo "" teksto sur la paĝo, la malĝusta nestado faras malfacile al la retumilo scii kie apliki ĉi tiujn stilojn. Ni rigardu iom da HTML: Ekzemplo: Ĉi tio estas teksto de kaj ankaŭ havas iujn kursivan tekston Ĉi tio estas alia alineo . Uzante la ekzemplon mi ĵus deklaris, se mi volis skribi CSS-stilon, kiu efikus la ligon ene de ĉi tiu divido, kaj nur tiun ligon (kontraŭe al iuj aliaj ligoj en aliaj sekcioj de la paĝo), mi bezonus uzi la anidante skribi mian stilon, kiel tia: Aliaj kialoj inkluzivas alireblecon kaj retumilon kongruon. Se via HTML estas malĝuste nestita, ĝi ne estos tiel atingebla por ekrano legantoj kaj pli malnovaj foliumiloj - kaj ĝi eĉ povus tute rompi la vidan aspekton de paĝo, se la retumiloj ne povas kompreni kiel korekte redonu paĝon ĉar HTML-elementoj kaj etikedoj estas ekstere. Fine, se vi strebas skribi tute korektan kaj valida HTML, vi devos uzi korektan neston. Alie, ĉiu validigilo flagos vian HTML kiel malĝustan. Kial Vi Prizorgas Pri Nestado