HTML Tidy

Acest articol sau secțiune despre subiectul software nu menționează sursele necesare sau cei prezenți sunt insuficienți . Puteți îmbunătăți această intrare adăugând citări din surse de încredere în conformitate cu liniile directoare privind utilizarea surselor . Urmați sfaturile de proiectare de referință .

HTML Tidy este un instrument conceput de Dave Raggett pentru a ajuta la evitarea greșelilor la scrierea codului HTML .

De fapt, Tidy se ocupă de corectarea tuturor celor mai tipice erori întâlnite în timpul dezvoltării codului web. De asemenea, se ocupă de a face codul generat de editorul HTML lizibil și de a indica utilizatorului unde să acorde mai multă atenție. Poate recunoaște o gamă largă de erori, marcându-le ca AVERTISMENTE , care sunt flancate de numerele de rânduri și coloane.
În cazul problemelor pentru care nu poate găsi un management valid, motorul Tidy nu va genera niciun cod, ci le va evidenția ca EROARE . De asemenea, a fost dezvoltat pentru a gestiona codul de marcare generat de Microsoft Word , care introduce elemente (adesea incomode și slab gestionate de browsere) pentru a permite integrarea între codul HTML și fișierul cuvânt în sine.

Istorie

Prima versiune oficială, dezvoltată de Dave Raggett, membru al World Wide Web Consortium (W3C) ^{[1] [2]} , datează din 1998 ^[3] .

În 2001, software-ul a devenit open source și este găzduit pe SourceForge ^{[4] [5] [6]} , încredințat unui grup de voluntari.

În 2012, W3C s-a bifurcat pe GitHub ^[7] administrat de Michael Smith ^[8] . În această perioadă a fost compatibil cu HTML5 ^[9] .

Furca W3C a devenit versiunea oficială a Tidy în 2015 ^{[10] [11]} , când responsabilitatea proiectului sa mutat de la W3C la HTML Tidy Advocacy Community Group (HTACG), format cu scopul de a revigora Tidy, care nu primise lansări majore din 2008 ^[12] . ^{[13] [14]} . La 4 septembrie a aceluiași an a fost publicată versiunea 5.0.0, care, printre altele, introduce oficial suport HTML5 ^[12]

Cum funcționează Tidy

Tidy corectează marcajul (acolo unde este posibil) respectând sintaxa observată în unele browsere precum Firefox , Internet Explorer , Opera , Netscape ^[15] .

Remediere pentru etichetele de închidere lipsă sau de neegalat

< h1 > bla < h2 > blabla </ h3 >

Tidy corectează cu:

< h1 > bla </ h1 > < h2 > blabla </ h2 >

^[15]

Corectarea ordinii de închidere a etichetelor

< p > paragraf '' 'bold' 'bold italic' '' bold? '' normal?

Tidy corectează cu:

< p > paragraf '' 'bold' 'bold italic' 'bold? '' 'normal?

^[15]

S-au remediat problemele din etichetele de antet

:

 < h1 > < i > titlu cursiv </ h1 > < p > paragraf

În Internet Explorer, tot ceea ce urmează deschiderii etichetei de titlu va fi asociat cu stilul etichetei h1, care nu este deloc dorit!

Tidy corectează cu:

<H1> '' poziția italic '' </ h1> <p> paragraf

^[15]

Corectarea etichetelor deplasate greșit

'' < h1 > titlu </ h1 > '' < p > paragraf < b > bold < p > bold din nou!

Tidy corectează cu:

< h1 > '' heading '' </ h1 > < p > paragraf '' 'bold' '' < p > '' 'bold din nou!' ''

^[15]

Amplasarea corectă a etichetei hr

< h1 > < hr > titlu </ h1 >

 < h2 > sub < hr > titlu </ h2 >

Tidy corectează cu:

< hr >

 < h1 > titlu </ h1 >

 < h2 > sub </ h2 >

 < hr >

 < h2 > titlu </ h2 >

^[15]

Adăugarea "/" finală în ancore

<A href = "#refs"> link <a>

Tidy corectează cu:

<A href = "#refs"> link </ a>

^[15]

Corectarea listelor

< corp >

 < li > 1

 < li > 2

Tidy corectează cu:

 < corp >

 < ul >

 < li > 1st </ li >

 < li > 2nd </ li >

 </ ul >

 </ body >

^[15]

Gramatică

Adăugarea de „

introduce ghilimele acolo unde lipsesc. De asemenea, se ocupă de inserarea ghilimelelor finale acolo unde este uitat.

Atribute necunoscute / proprietare raportate

cunoaște toate atributele HTML și XHTML și ajută dezvoltatorul să găsească rapid unde a greșit datorită raportării

Elemente de proprietate raportate

recunoașteți ce versiune de HTML utilizați raportând-o și adăugând DOCTYPE corect la document

S-a raportat lipsa '>'

Tidy corectează, de asemenea, lipsa> în etichete ^[15]

Aspect

Tidy oferă posibilitatea de a decide ce stil doriți să utilizați în generația de markup (de exemplu, dacă doriți ca elementele să fie indentate sau nu).
Începeți prin a construi un copac de analiză curat (nu conține informații despre aspect), direct din fișierul sursă. Acest arbore este apoi afișat în funcție de setările din fișierul de configurare. Unele browsere pot interpreta nedorit o indentare personalizată a codului. ^[15]

De exemplu:

 < h1 align = "right" >
  Blah
</ H1>

 < h1 align = "right" > Mai bine </ h1 >

Pentru o eroare comună a browserului, spațiul alb nu este ignorat în primul, provocând probleme în interpretarea etichetei h1.

Indentarea personalizată creează, de asemenea, probleme în tabele:

 < td > < img src = "foo.gif" > </ td >
< td > < img src = "foo.gif" > </ td >

Acesta este interpretat diferit prin:

 < td >
  < img src = "foo.gif" >
</ td >
< td >
  < img src = "foo.gif" >
</ td >

Aceste probleme pot fi evitate prin setarea „nu” sau „automată” în fișierul de configurare Tidy, sub INDENT . ^[15]

Alte caracteristici

Internaționalizare

Tidy oferă o gamă largă de fonturi pentru a alege și are grijă să corecteze orice erori în utilizarea acestora în document.

Accesibilitate

Tidy oferă soluții la problemele care afectează persoanele care nu folosesc browsere bazate pe text. De exemplu, sugerează întotdeauna să inserați un rezumat pentru atributele tabelelor, pentru a facilita navigarea celor care utilizează browsere „auditive” (vocale).

Curățare

opțiunea –clean a Tidy vă permite să eliminați excesele de font, stil, culoare și mai degrabă să le inserați într-o foaie de stil CSS . De asemenea, ștergeți paragrafele și titlurile goale, inserând stilul corect în foile de stil sau utilizând eticheta

XML

Tidy ajută la corectarea erorilor care determină respingerea fișierelor XML ^[15]

Fișier de configurare

Opțiunea –config <filename> permite Tidy, lansat din linia de comandă, să utilizeze un fișier de configurare personalizat. Alternativ, puteți modifica variabila de mediu HTML_TIDY pentru a seta fișierul nostru ca fișier implicit de utilizat, deci nu trebuie să specificați întotdeauna pe care să îl utilizați. ^[15]

Notă

Elemente conexe

• CSSTidy
• HTML

linkuri externe

• ( RO ) Site oficial , pe html-tidy.org .
• ( EN ) HTML Tidy , pe SourceForge .
• HTML Tidy , pe packages.debian.org .
• Depozit sursă HTML Tidy , la github.com .
• ( EN ) HTML Tidy , în Free Software Directory .

Free Software Portal : accesați intrările Wikipedia care se ocupă de software gratuit