7. lekcija. Kravājam čemodānu nosūtīšanai
Deniss Fedotovs (deni2s), 29.06.2007., 21:31Ja tu gribi veidot krutas mājaslapas, un tev nav ne mazākās nojausmas, ko nozīmē "<img src="13.png" title=""Amēba"" height="23" width="16" />”, tad šī pamācība ir tieši tev!
(Te ir pieejama iepriekšējā lekcija - Praktiskais darbs "Meklējam sakarības")
Šodien mēs beidzot ķersimies vērsim pie ragiem un sāksim veidot mājaslapu xHTML valodā.
Kodēšana xHTML valodā ir līdzīga čemodāna sakravāšanai, kurš tiks sūtīts pārlūkprogrammai, kura to savukārt izkravās uz ekrāna.
No sākuma es nodemonstrēšu mājaslapas xHTML kodu, un tad es centīšos apskaidrot katru rindiņu un izstāstīt kāds tam visam sakars ar čemodāna kravāšanu. Šis xHTML Strict kods ir pats minimums, bez kura nevar iztikt neviena mājaslapa, kas ir kodēta xHTML Strict valodā:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>
Pirmās divas rindiņas (tās var sarakstīt arī vienā rindā) norāda pārlūkprogrammai, ka turpmākais kods ir jāapstrādā tieši kā xHTML Strict kods, nevis „kas-to-lai-zina-kas-tas-par-kodu-varbut-pameginasim-to-iebarot-tosterim”. Uztveriet to kā uzlīmi uz čemodāna ar uzrakstu "sakravāts atbilstoši W3C rekomendācijām", nevis "plīstoši trauki", "handle with care" vai „не кантовать”. Šīs ir rindiņas, kas brīdina pārlūkprogrammu, ka tai tiks nodots mūsdienu prasībām sagatavots čemodāns ar kodu, un pārlūkprogrammai nav jāuztraucas par to, ka no čemodāna varētu kas izbirt vai notikt kas cits nelāgs.
Ja šādas „uzlīmes” nav, tad pārlūkprogramma pārslēgsies uz „invalīdu” režīmu (saucas quirks mode), kur tā visu laiku čekos un pārbaudīs, vai no čemodāna kas nebirst ārā, un vai tas ir kārtīgi sapakots, un nepieciešamības gadījumā pacentīsies pielabot kļūdas pēc saviem ieskatiem – kā sanāks. Būtībā izturēsies pret čemodānu tā, it kā to būtu kravājis garīgi nepilnvērtīgs cilvēks. Attiecīgi arī šāda izkravāšana aizņemtu daudz vairāk laika, bet mūsdienās laiks taču ir nauda!
Nākamajā rindiņā sākas xHTML valodā rakstīts kods – mūsu čemodāns. Tas sākas ar tā saucamo tagu (angliski tag, kas latviski nozīmē birka) <html>, kurš norāda tikai uz to, ka HTML kods sākas tieši te. Šis tags ir mūsu čemodāna vāks. Ja ir grūti atcerēties šo burtu salikumu "html", tad atcerieties, ka tas nav saīsinājums no "How To Make Love"!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>
Visi tagi sākas ar simbolu „<”, tad seko taga nosaukums, aiz tā, atdalīti ar atstarpi var būt (bet bieži var arī nebūt) viens vai vairāki tā saucamie taga atribūti ar norādītām vērtībām, un beigās simbols „>”- tā pārlūkprogramma atšķir tagus no teksta, kas jāparāda lapas apmeklētājam. xHTML valodā tagu un atribūtu nosaukumi obligāti jāraksta ar maziem burtiem – nedrīkst rakstīt <HTML xmlns="http://www.w3.org/1999/xhtml"> vai <Html Xmlns="http://www.w3.org/1999/xhtml">, tas nav pareizi.
Kā redzat, tad starp "<" un ">" ir rakstīts html, bet aiz tā atstarpe un tad xmlns="http://www.w3.org/1999/xhtml" - tas nozīmē, ka <html> tagam ir atribūts xmlns, kura vērtība ir http://www.w3.org/1999/xhtml.
Kāda jēga ir no taga atribūtiem un to vērtībām, es pastāstīšu citreiz, tikai jāatceras, ka xHTML Strict kodā veidotai mājaslapai tagam <html> vienmēr jābūt klāt šim atribūtam xmlns, kuram jābūt norādītai vērtībai http://www.w3.org/1999/xhtml. Kodā tas vienmēr ir jānorāda tā, kā es to uzrakstīju:
<html xmlns="http://www.w3.org/1999/xhtml">
Ja palūkosieties uzmanīgi mūsu kodā, tad ievērosiet, ka katram tagam atbilst vēl viens tags ar tādu pašu nosaukumu, kuram pirms nosaukuma ir slīpā svītra „/”. Piemēram, sākumā ir <html> un beigās ir </html>. Šādus tagus ar slīpo svītru „/” sauc par aizverošajiem tagiem. Ja ir atverošais tags, tad ir jābūt arī aizverošajam tagam. Aizverošajiem tagiem atribūtus neraksta - pietiek, ja to izdara nepieciešamības gadījumā pie atverošajiem. Ja tags <html> ir kā čemodāna vāks, tad aizverošais tags </html> ir kā čemodāns bez vāka. Čemodānu nevar atstāt bez čemodāna vāka, tāpat kā čemodāna vāku nevar atstāt bez čemodāna. Viss, kas ir starpā, ir mūsu čemodāna saturs, un mēs nevaram tam ļaut izbirt!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Mana 1. lapa!</title>
</head>
<body>
</body>
</html>
Tagi ir norāde pārlūkprogrammai par to informāciju, kura atrodas starp atverošo un aizverošo tagu. Atceraties, mēs 3. lekcijā runājām par dāvanām? Mēs vienojāmies, ka mājaslapas saturu satur kopā forma - xHTML valodas izskatā. Tad lūk tagi ir tie, kas "satur" kopā mājaslapas saturu, lai tas nebūtu vienā putrā. Un mūsu čemodāns, kurš sastāv no <html> un </html> tagiem "satur" kopā visu to, kas ir starp šiem tagiem.
Atverošo tagu ar atribūtiem un to vērtībām, aizverošo tagu un visu, kas ir starpā sauc par elementu. Tātad mums ir viens liels <html> elements – čemodāns ar visu saturu. Gan jau esat pamanījuši ka mūsu "čemodānā" ir vēl citi tagi un elementi.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Es zinu, ka jūs nepacietībā gaidāt, kad es par tiem pastāstīšu, jo patiesībā visa "xHTML mācēšana" sastāv no zināšanām par dažādiem elementiem un kā tos pareizi izmantot un sakārtot, nu un, protams, pāris knifiem.
Bet, es arī redzu, ka jaunēklim pirmajā solā ļoti vajag pārdomāt visu, ko līdz šim stāstīju, vietā, kur neviens to netraucēs - tirinās man te pašā priekšā jau 5 minūtes! (Ja nemaldos Z.Visurmalža jaunskungs? Tas pats, kurš pēc iepriekšējās lekcijas demonstrēja, kā ir uztrenējis nicīgās sejas izteiksmes?) Pārtraukums!
Pēc pārtraukuma neizklīstiet! Turpināsim kravāt čemodānu!
web.hc.lv ir vortāls, kurā tiek aplūkoti mājaslapu veidošanas un mārketinga aspekti, no idejas līdz gandarījumam.