Home » Articole » Articole » Calculatoare » Dezvoltarea web » XML » Sfaturi privind conversia HTML în XHTML

Sfaturi privind conversia HTML în XHTML

postat în: HTML, XML 0

Nu ar trebui să vă convertiți paginile Web dacă acestea vor fi întotdeauna difuzate cu un tip MIME de text/html. Asigurați-vă că știți cum să configurați serverul sau scriptul de pe partea de server pentru a efectua negocierea conținutului HTTP, astfel încât browserele capabile de XHTML să primească XHTML marcat ca application/xhtml+xml. Dacă nu puteți configura negocierea conținutului, rămâneți la HTML 4.01. Persoanele care vă vizualizează paginile Web cu browsere obișnuite nu vor putea face diferența dintre o pagină web validă HTML 4.01 și o pagină Web validă XHTML 1.0.

Asigurați-vă că testele automate pe care le executați pe site-ul dvs. simulează conexiuni de la ambele browsere compatibile cu XHTML, de ex. Mozilla Firefox și browsere care nu sunt compatibile cu XHTML, de ex. Internet Explorer 6.0. Acest lucru este deosebit de important dacă utilizați Javascript pe site-ul dvs. Web. Dacă păstrarea a două copii ale suitei de testare necesită prea mult timp, nu faceți conversie.

Rețineți că documentele valide HTML 4.01 strict necesită, în general, mai puțin efort pentru a converti în XHTML 1.1 decât documentele valide XHTML 1.0 Transitional. Un document HTML 4.01 Strict valid poate conține doar elemente care sunt valide în XHTML 1.1, deși unele atribute pot necesita modificare. Documentele XHTML 1.0 Transitional, pe de altă parte, pot conține zece tipuri de elemente și mai mult de o duzină de atribute care nu sunt valide în XHTML 1.1. Numai elementul body XHTML 1.0 Transitional are șase atribute care nu sunt acceptate în XHTML 1.1.

Nu vă lăsați presați să utilizați XHTML de către oameni care vorbesc vag despre practici proaste. Întrebați-i ce înțeleg prin practică proastă. Dacă încep să vorbească despre separarea conținutului și a prezentării, au confundat diferențele dintre HTML și XHTML cu diferențele dintre tipurile de documente Transitional și Strict. Atât XHTML 1.0 Transitional, cât și HTML 4.01 Transitional vă permit să amestecați prezentarea și conținutul în același document, adică permit acest tip de proastă practică. Atât HTML 4.01 Strict, cât și XHTML 1.0 Strict vă obligă să mutați cea mai mare parte a prezentării (dar nu toată) în CSS sau într-un limbaj echivalent. Toate cele patru tipuri de documente vă permit să utilizați foi de stil încorporate, în timp ce separarea adevărată necesită ca toate CSS și Javascript să fie mutate în fișiere externe.

XHTML 1.1

XHTML 1.0 este un limbaj de marcare potrivit pentru majoritatea scopurilor. Oferă opțiunea de a separa conținutul și prezentarea, ceea ce se potrivește nevoilor majorității autorilor web. XHTML 1.1 impune separarea conținutului și a prezentării. Toate elementele și atributele depreciate au fost eliminate. De asemenea, elimină două atribute care au fost reținute în XHTML 1.0 doar pentru compatibilitate inversă. Atributul lang este înlocuit cu
xml:lang
și name este înlocuit cu id. În cele din urmă, adaugă suport pentru textul ruby găsit în documentele din Asia de Est.

DOCTYPE

DOCTYPE pentru XHTML 1.1 este:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Modularizarea

Modularizarea XHTML, sau XHTML m12n, oferă sugestii pentru personalizarea XHTML, fie prin integrarea de subseturi de XHTML în alte aplicații XML, fie prin extinderea setului de elemente XHTML. Cadrul definește două procese:

  • Cum să grupați elemente și atribute în „module”
  • Cum să combinați module pentru a crea noi limbaje de marcare

Limbajele rezultate, pe care W3C le numește „Limbaje gazdă XHTML”, se bazează pe structura familiară XHTML, dar sunt specializate în scopuri specifice. XHTML 1.1 este un exemplu de limbaj gazdă. A fost creat prin gruparea diferitelor elemente disponibile pentru XHTML.

Variațiile XHTML, deși posibile în teorie, nu au fost adoptate pe scară largă. Se lucrează în continuare pentru dezvoltarea limbajelor gazdă, dar detaliile acestora depășesc scopul acestei discuții.

XHTML nevalid

Browserele compatibile cu XHTML pot reda documente XHTML nevalide, cu condiția ca documentele să fie bine formate. Un exemplu simplu este dat mai jos:

<?xml version="1.0" encoding="UTF-8"?>
<!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>Invalid XHTML</title>
  </head> 
  <body>
     <p>This sentence contains a <p>nested paragraph.</p></p>
  </body>
</html>

Salvați exemplul ca invalid.xhtml (extensia .xhtml este importantă) și deschideți pagina cu Mozilla Firefox. Pagina va fi redată chiar dacă este invalidă.

Rezumat

  • XHTML înseamnă eXtensible HyperText Markup Language.
  • XHTML este foarte asemănător cu HTML, dar este mai strict și mai ușor de analizat.
  • Documentele XHTML trebuie să fie bine formate la fel ca XML obișnuit.
  • XHTML permite modularizarea.
  • Codul XHTML trebuie scris conform unei specificații exacte, spre deosebire de HTML, unde erorile simple precum lipsa unei etichete de închidere sunt ignorate de browser.
  • Aderarea la aceste specificații stricte permite de fapt XHTML să fie mai flexibil decât HTML.
  • Beneficiile descrise în acest rezumat sunt câștigate numai dacă tipul MIME al documentului este application/xhtml+xml.
  • Documentele XHTML pot fi validate, dar majoritatea browserelor aleg să nu o facă.

Exerciții

Exercițiul 1

Mai jos este un exemplu de document HTML nevalid care conține o serie de caracteristici învechite. De asemenea, este prost structurat. Documentul trebuie convertit în XHTML cu conținutul separat de prezentare.

a. Schimbați documentul HTML într-un document de tranziție XHTML 1.0 valid. Validați-vă pagina folosind validatorul disponibil la http://validator.w3.org/.

b. Începând cu răspunsul model pentru întrebarea 1.a. identificați toate elementele și atributele depreciate din document și înlocuiți-le cu CSS într-o foaie de stil externă legată. Consultați HyperText Markup Language/Listă de etichete pentru detalii despre elementele depreciate.

c. Începând cu răspunsul model pentru întrebarea 1.b. înlocuiți toate marcajele de prezentare cu marcaje semantice și asigurați-vă că toate elementele inline sunt conținute în elemente la nivel de bloc. Schimbați DOCTYPE în XHTML 1.0 Strict și validați pagina cu Serviciul de validare a marcajului W3C.

  <html>
  <head>
    <title>
      Convert HTML to XHTML
  </head>
  <body text=blue>
    <h1>       
        XHTML page
    </h1>
    <p><b> It is important for your site to be current with the most recent W3C standards.
    </p></b> 
       <u>Welcome</u> to my <b>page</b>.<br>
       I hope that you <i>enjoy</i> your stay.
    <p>
      <font color=#9900FF face=Arial size=+2>
       XHTML is similar to HTML
      </font>
    </p>   
    <a href=http://validator.w3.org/>
       Validator
    </a>       
  </body>
</html>

Exercițiul 2

Creați un document HTML simplu și plasați intenționat etichetele incorect sau nu închideți câteva etichete, apoi rulați documentul prin serviciul online HTML Tidy service.

Răspunsuri

1. Schimbați documentul HTML de mai jos într-un document XHTML conform standardului de tranziție W3C. Validați-vă pagina folosind validatorul disponibil la http://validator.w3.org/.

Exercițiul 1

Mai jos este un exemplu de document HTML nevalid care conține o serie de caracteristici învechite. De asemenea, este prost structurat. Documentul trebuie convertit în XHTML cu conținutul separat de prezentare.

Exercițiul 1.a.

a. Schimbați documentul HTML într-un document de tranziție XHTML 1.0 valid. Validați-vă pagina folosind validatorul disponibil la http://validator.w3.org/.

Documentul XHTML 1.0 de tranziție:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Convert HTML to XHTML</title>
  </head>
  <body text="blue">
    <h1>XHTML page</h1>
    <p><b>It is important for your site to be current with the
        most recent W3C standards.</b>
    </p>
    <u>Welcome</u> to my <b>page</b>.<br />
    I hope that you <i>enjoy</i> your stay.
    <p>
      <font color="#9900FF" face="Arial" size="+2">
        XHTML is similar to HTML
      </font>
    </p>
    <a href="http://validator.w3.org">Validator</a>
  </body>
</html>

Exercițiul 1.b.

b. Începând cu răspunsul model pentru întrebarea 1.a. identificați toate elementele și atributele depreciate din document și înlocuiți-le cu CSS într-o foaie de stil externă legată. Consultați HyperText Markup Language/Listă de etichete pentru detalii despre elementele depreciate.

Caracteristicile depreciate sunt:

  • atributul text al elementului body ;
  • elementul u; și
  • font.

O posibilă foaie de stil este:

body {
  color:blue
}

span#welcome {
  text-decoration:underline
 /* It is generally a bad idea to underline anything other than hyperlinks. */
}

p.highlight {
  color:#9900FF;
  font-size:150%;
  font-family:Arial,sans-serif
  /* It is good practice to include one as the CSS generic font families,
     e.g. sans-serif, as an alternative.
  */
}

The document with deprecated features removed – note the use of the id and class attributes to provide hooks for the CSS selectors.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Convert HTML to XHTML</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <h1>XHTML page</h1>
    <p><b>It is important for your site to be current with the
        most recent W3C standards.</b>
    </p>
    <span id="welcome">Welcome</span> to my <b>page</b>.<br />
    I hope that you <i>enjoy</i> your stay.
    <p class="highlight">XHTML is similar to HTML</p>
    <a href="http://validator.w3.org">Validator</a>
  </body>
</html>

Exercițiul 1.c.

c. Începând cu răspunsul model pentru întrebarea 1.b. înlocuiți toate marcajele de prezentare cu marcaje semantice și asigurați-vă că toate elementele inline sunt conținute în elemente la nivel de bloc. Schimbați DOCTYPE în XHTML 1.0 Strict și validați pagina cu Serviciul de validare a marcajului W3C.

Elementele de prezentare sunt:

  • b
  • i
  • br

„Paragraful” care începe cu un element span este un amestec de elemente inline și text și, prin urmare, ar trebui să fie conținut într-un element la nivel de bloc, cum ar fi p (paragraf).

Elementul a (ancoră) este inline și trebuie inclus într-un element la nivel de bloc.

<?xml version="1.0" encoding="UTF-8"?>
<!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>Convert HTML to XHTML</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <h1>XHTML page</h1>
    <p><strong>It is important for your site to be current
        with the most recent W3C standards.</strong>
    </p>
    <p><span id="welcome">Welcome</span> to my <strong>page</strong>.</p>
    <p>I hope that you <em>enjoy</em> your stay.</p>
    <p class="highlight">XHTML is similar to HTML</p>
    <p><a href="http://validator.w3.org">Validator</a></p>
  </body>
</html>

(Include texte din Wikibooks traduse și adaptate de Nicolae Sfetcu)

Big Data: Modele de afaceri - Securitatea megadatelor
Big Data: Modele de afaceri – Securitatea megadatelor

Termenul megadate (Big Data, date masive) este adesea folosit în mod vag pentru a desemna paleta de algoritmi, tehnologii și sisteme utilizate pentru colectarea datelor de volum și varietate fără precedent și extragerea de valoare din acestea prin calculul masiv … Citeşte mai mult

Nu a fost votat $3.99$5.99 Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.
Etica Big Data în cercetare
Etica Big Data în cercetare

Principalele probleme cu care se confruntă oamenii de știință în lucrul cu seturile mari de date (Big Data), evidențiind principale aspecte etice, luând în considerare inclusiv legislația din Uniunea Europeană. După o scurtă Introducere despre Big Data, secțiunea Tehnologia prezintă … Citeşte mai mult

Nu a fost votat $0.00$2.35 Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.
Statistica pentru afaceri
Statistica pentru afaceri

Statistica pentru afaceri este un ghid practic elementar de statistică, cu eșantioanele de date și exemplele orientate spre afaceri. Statistica face posibilă analiza problemelor de afaceri din lumea reală cu date reale, astfel încât să puteți determina dacă o strategie … Citeşte mai mult

Nu a fost votat $3.99$8.55 Selectează opțiunile Acest produs are mai multe variații. Opțiunile pot fi alese în pagina produsului.

<

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *