Coduri de marcare XML şi XHTML. Modul 4 de la Eurocor

coduri de marcare XML si XHTML

Informaţiile din cursul de Web Design pe care l-am început acum câteva luni încep să o ia serios pe o pantă ascendentă. Parcă lucrurile încep să se cam complice, să mă scoată din zona de confort. Deja nu mai vorbim despre banale noţiuni de HTML. Chiar şi modulul 3, despre cum să creezi o pagină html, mi s-a părut rezonabil, cu anumite noţiuni mă mai întâlnisem.

Când am primit plicul conţinând modulul 4, abia am aşteptat să văd ce lucruri noi din domeniul IT urmează să mai parcurg.  Coduri de marcare XML şi XHTML, adică nu mai e loc de glumă. Doar cât auzisem despre XML şi XHTML, că în rest eram tabula rasa. Pe bune! Doar sunt filolog.

În articolul de azi, am să încerc un rezumat simplu şi, sper eu, cât mai pe înţeles. Asta în ideea în care nu cred că am printre cititori prea mulţi programatori IT. Sau poate or fi?!

CODURI DE MARCARE XML ŞI XHTML

Astea două, intitulate limbaje (coduri) de marcare, sunt un fel de fraţi, gemeni chiar, având multe în comun. La origini,  XHTML a debutat din încrucişarea lui HTML 4 şi XML.

XML (Extensible Markup Language) este una dintre tehnologiile care permite schimbul de informaţii între aplicaţii pe Internet.

XML funcţionează în asociere cu diferite alte tehnologii, precum JAVA, JAVASCRIPT, PHP, cam cu orice limbaj de programare. Este foarte util în practică, fiind utilizat pentru a afişa cursul valutar de pe website-urile de profil sau pentru clasificarea informaţiei (cărţi, cataloage). Ca şu editor gratuit se poate folosi XML Notepad de la Microsoft iar cu licenţă XML Spy.

XHTML (Extensible Hypertext Markup Language) este un limbaj de marcare similar cu HTML, dar care foloseşte sintaxe XML. Cu alte cuvinte, XHTML este o reformulare (o versiune ceva mai rigidă) a HTML în format XML.

HTML vs XHTML. Câteva exemple de sintaxă

1. În XHTML elementele trebuie întotdeauna ÎNCHISE.

 

Exemplu de cod HTML acceptat de browser:

<p>Aici este un exemplu de paragraf

<p>Aici este un alt exemplu de paragraf.

Exemplu de cod  XHTML scris CORECT:

<p>Aici este un exemplu de paragraf</p>

<p> Aici este un alt exemplu de paragraf</p>

 

2. În XHTML elementele trebuie închise în ordinea în care au fost deschise.

Exemplu de cod HTML acceptat de browser:

<i><b>Acest text este înclinat şi îngroşat în acelaşi timp</i></b>

Exemplu de cod XHTML scris CORECT:

<i><b>Acest text este înclinat şi îngroşat în acelaşi timp</b></i>

 

3. În XHTML toate elementele trebuie scrise cu minuscule.

Exemplu de cod HTML acceptat de browser:

<HTML>

<HEAD>

<TITLE>Despre cum să scrii XHTML corect</TITLE>

</HEAD>

<BODY>

<P>Acesta este un paragraf</P>

</BODY>

</HTML>

Exemplu de cod  XHTML scris CORECT:

<html>

<head>

<title>despre cum să scrii xhtml corect</title>

</head>

<body>

<p>acesta este un paragraf</p>

</body>

</html>

 

4. În XHTML toate valorile atributelor se închid între ghilimele simple (‘) sau duble („)

Exemplu de cod HTML acceptat de browser:

<table border=0>

Exemplu de cod  XHTML scris CORECT:

<table border=”0″>

 

5. În XHTML atributul name este înlocuit de atributul id

Exemplu de cod HTML acceptat de browser:

<img src=”imagine floare” name=”fotografie”/>

Exemplu de cod  XHTML scris CORECT:

<img src=”imagine floare” id=”fotografie”/>

Pentru că browserele mai vechi nu recunosc tagg-ul id, se pot folosi ambele: id şi name

<img src=”imagine floare” name=”fotografie” id=”fotografie” />

Pentru ca tagurile XHTML să fie valide, se va lăsa un spaţiu înainte de semnul ” /”

 

6. În XHTML nu se acceptă prescurtarea atributelor

Exemplu de cod HTML acceptat de browser:

<input checked>

<option selected>

Exemplu de cod  XHTML scris CORECT:

<input checked=”cheked” />

<option selected=”selected” />

 

Cam atât pentru azi. Sper că aţi învăţat câteva lucruri despre aceste coduri de marcare XML şi XHTML şi despre legătura strânsă pe care o au cu HTML-ul.

Până la modulul 5, vă sfătuiesc şi pe voi să nu ezitaţi să mai învăţaţi câte ceva, indiferent de domeniu, indiferent de cât puţin accesibil vi se poate părea la prima vedere. Orice informaţie este bună şi îşi găseşte rostul la un moment-dat. Spor şi succes!

You might also like

Comments (3)

  • Caietul Cristinei 12 luni ago Reply

    n-am facut niciun curs, dar m-am jucat mult timp cu temele mele de pe blogspot si, cautand pe ici-colo, sa stii ca am prins multe chestii. Daca mi-ai fi dat un test din ce ai scris tu azi, as fi luat cel putin nota 7 si sunt mandra de mine.

  • oriceieftin 12 luni ago Reply

    Nu ma pricep, dar tot ,,jucandu-ma”, vorba Cristinei Dragomir s-a mai prins ceva de mine. Nu ca apa de gasca, zic eu….

  • […] animaţiile sunt uşor de realizat şi nu necesită cunoştinţe de XML şi XHTML […]

Leave a Reply

%d blogeri au apreciat: