Utilisation de Tidy en ligne ou en local

Le but de ce tutoriel est de présenter un exemple clair et convaincant de la façon d'utiliser une combinaison d'outils modernes à notre disposition dans nos efforts pour construire des pages Web qui sont conformes W3C et WAI, tout en n'ayant pas de faire l'expérience d'une courbe d'apprentissage abrupte.
À propos de Tidy

Prendre une page web assez bien formés et Tidy fera des merveilles, une page web qui est rempli avec du code propriétaire et Tidy mai ne l'imprévu, et les économies d'une page existante est toujours préférable, sauf si vous pouvez annuler les modifications indésirables. Si vous êtes prêt à commencer le processus, sachant que vous avez seulement à la peur, la peur elle-même, commençons avec un téléchargement de Firefox avec tidy en ligne (intégré).
Un très gros merci à Dave Raggett, dont la version initiale de Tidy, a conduit à des versions que nous connaissons et utilisons aujourd'hui.

Première étape: Options de téléchargement

La bibliothèque la plus complète de Tidy versions sont disponibles à SorceForge. Tidy est disponible en différentes saveurs, comme pour PHP, Java, etc. Nous avons sélectionné la version HTML de cette manifestation qui permet une installation locale et quand vous êtes hors ligne à utiliser cet outil pour les pages stockées sur votre ordinateur local.

Bien que, comme nous allons l'expliquer plus loin, d'autres versions de Tidy permettre la validation en ligne et browser en usage en ligne de Tidy.

Après le téléchargement de Tidy à utiliser sur votre ordinateur local, vous pouvez rechercher une page Web que vous souhaitez mai à inspecter pour l'exactitude. Sélectionnez un fichier HTML local, activez le bouton en ordre et une liste des erreurs et des avertissements est alors affiché. Voir la sortie sera le nettoyage du code par Tidy, qui mai éventuellement être pas toutes les erreurs et les avertissements corrigé.

Dans nos paramètres de configuration du Tidy locales, nous avons choisi d'omettre la frontière pour les graphiques étant donné que dans notre code XHTML, des éléments semblables sont contrôlées par une feuille de style externe. Un exemple est tiré de cette page web avant leur publication ou de validation. Le code révisé de la frontière de zéro est omis, puisque la valeur par défaut est zéro de toute façon, cela aurait entraîné la météorisation code. Également une barre oblique est placé avant la clôture de l'img src, qui est requis en XHTML.

Comme la plupart des utilisateurs se rendront compte qu'ils font des erreurs répétitives, en ayant une copie papier du code initial et révisé, ces documents peuvent être comparées, et les erreurs peuvent être évitées dans les futurs efforts de codage. Tidy nous a aidés à apprendre les bonnes techniques de codage.

Mise en ligne Validations Tidy-Cut and Paste et d'autres options Too!

La flexibilité de l'utilisation de tidy en ligne est soit en rectifiant une page web que nous avons déjà en ligne, un copier-coller de ce qui a été créée à la main à partir de presque n'importe quelle source, ou en téléchargeant un fichier de page Web qui se trouve sur notre ordinateur local .

Je ne vais pas entrer dans tous les éléments sauf pour souligner que la production peut être soit stricte, en vrac ou en transition en sélectionnant propre, alors le type doc ou convertie en une autre saveur comme XHTML ou HTML ou XML en plus d'être une puissance qui est assez imprimés . J'aime la possibilité d'inclure le numéro de ligne pour l'utilisation de mon marqueur jaune sur la production originale et révisée en tant qu'outil d'apprentissage.

Tidy en ligne avec un navigateur

Un téléchargement facile est celui de Firefox avec Tidy en ligne. D'autres options sont également disponibles comme n'importe quel navigateur compatible avec Tidy configuré comme éditeur HTML, mais ces options sont au-delà du champ d'application de ce tutoriel. Une fois que vous avez essayé un navigateur avec Tidy, peut-être que vous souhaitez mai à envisager l'intégration Tidy avec un navigateur actuellement en usage. Mais pour la facilité dans la détermination des erreurs de codage tout en ligne ou hors ligne en sélectionnant le fichier, puis ouvrir le fichier depuis votre ordinateur local et le navigateur Firefox offre tout ce dont vous avez besoin pour la validation du W3C et du WAI.

Maintenant que vous avez téléchargé Firefox avec Tidy en ligne et a choisi d'afficher l'icône et le texte, sélectionnez une page sur Internet. Nous choisissons la page d'accueil de Google et n'a trouvé aucune erreur de codage, mais certains avertissements. Prenons maintenant un oeil à ce que raconte Tidy nous.

Avons-nous raison cliqué sur le bas de notre barre de navigateur Firefox et la fenêtre à votre gauche est affiché. Sélection de la source de la page, nous fournit un rapide coup d'œil sur ce qui est dans le magasin où nous tentons de rendre nos pages Web sans codage ballonnements, a jusqu'à présent été relativement indolore et aucune courbe d'apprentissage abrupte pour traiter une nouvelle compétence trouvée, qui avec le aide de Tidy nous permettra de rendre conforme le codage HTML des nombreuses saveurs et d'aider ceux qui sont moins fortunés que nous, aimons ce que nous avons créée.

Dans l'exemple de la source de la page nous avons consultés, il n'ya aucune tentative d'expliquer l'un des avertissements, mais seulement utiliser ce qui est affiché pour vous familiariser avec ce que vous trouverez avec toi nouvel ami comme un voyage est commencé.

En source de la page ce que vous trouverez sont les erreurs de codage par numéro de ligne. Rappelez-vous l'impression jolie mentionné précédemment dans ce tutoriel? Maintenant vous savez pourquoi je l'aime. Une copie papier de la page originale en cours de visualisation et de sortir votre marqueur jaune pour une expérience d'apprentissage, ce qui n'est pas raide et douce, cher lecteur.
Lorsque vous avez sélectionné page source. La section d'aide fait référence à une seule ligne et que vous sélectionnez les autres lignes une section d'aide pour cette ligne est aussi indiquée. De l'aide est plus que juste la cause. L'aide inclut des solutions, des exemples et des références à du W3C et du WAI et pour la plupart sont très intuitifs et faciles à comprendre.

Mentionné précédemment dans ce tutoriel a été erreurs répétitives, bon nombre dont vous maîtriserez la fixation avec un peu d'expérience. Autres mai besoin d'un peu plus de temps à résoudre que vous familiariser avec une terminologie nouvelle et des justifications pour expliquer pourquoi il ya une erreur, ce qui aurait peut-être interdire à tous d'apprécier vos efforts de renforcement du site Web.

Tidy en ligne avec un éditeur HTML

Certains éditeurs HTML modernes ont Tidy jour soit intégrée dans l'éditeur ou ont la possibilité d'ajouter rangé comme l'éditeur par défaut. Les outils rapides dans l'un de nos éditeurs incluent appliquer un formatage source, mise à niveau vers les feuilles de style et les convertir en XML, toutes les modifications peuvent être facilement revenir à la codification d'origine avec une défaire.
Le converti aux feuilles de style est particulièrement utile pour réduire les ballonnements code, plaçant tous les éléments de style dans une ligne de CSS, qui peut ensuite être placé dans une feuille de style externe, ce qui réduit encore la météorisation code. Le résultat de ce qui est une maigre, propre de la page HTML qui est beaucoup plus facile d'apporter des corrections supplémentaires, si nécessaire par des gens comme moi qui ont la vue très mauvais œil.

Espérons que nos chers lecteurs trouveront dans ce tutoriel exemples variée et les raisons d'utiliser Tidy, soit en ligne, localement ou les deux.

Si vous utilisez actuellement un éditeur HTML sans Tidy, puis par tous les moyens examiner si votre éditeur va soutenir l'ajout de Tidy comme éditeur par défaut, qui est certainement le cas avec les six éditeurs que j'utilise actuellement. Qui est d'essayer de suivre les progrès technologiques actuels et tenter de répondre aux questions qui mai viser mon chemin.

Si votre éditeur HTML ne prend pas ordonné et vous trouverez grâce à l'utilisation en ligne de Tidy pour vérifier votre codage HTML et trouver les erreurs, peut-être qu'il est temps de trouver un autre éditeur. Mais si vous utilisez un éditeur en ligne considèrent aussi que le faible coût d'un éditeur local afin d'utiliser sur votre ordinateur (généralement inférieur à une centaine de dollars) se traduira par des gains de temps significatifs et ajouter à la jouissance de la construction de page de conformité, qui ne fera rien à court de révolutionner le World Wide Web pour nous petites gens.

Auteur: Robert D. Lancaster, 260.707 droits d'auteur