Utilisation d'un validateur HTML et conseils pratiques. Qu'y a-t-il à l'intérieur du validateur ? Questions pour les développeurs du nouveau système de paiement et crash test de l'appareil Ce qui est inclus dans la validation

Les développeurs du système de « voyage intelligent » (système automatisé de paiement et de contrôle des tarifs ou ASOCP) dans le transport public de voyageurs affirment que les opportunités que nous voyons aujourd’hui ne sont que la pointe de l’iceberg. Les défauts du système seront bientôt corrigés et, selon les plans, le système passera du mode test au mode fonctionnement d'ici août.


Sous nos yeux, la fiabilité du validateur a été testée.

Attention! Vous avez désactivé JavaScript, votre navigateur ne prend pas en charge HTML5 ou vous avez installé une ancienne version d'Adobe Flash Player.


Ouvrir/télécharger la vidéo (2,49 Mo)

Au début, il a été jeté dans un couloir au sol carrelé, de sorte qu'il a d'abord heurté le plafond. Ensuite, ils m'ont jeté à deux reprises dans la cage d'escalier, à environ trois ou quatre mètres de là. Puis ils l'ont battu avec un marteau. Ce n'est qu'après ce test que des marques sous forme d'abrasions sont apparues sur le corps. Mais cela n’a en rien affecté le fonctionnement de l’appareil.




La rédaction prévient que tenter de répéter une telle expérience dans un véhicule vous coûtera très cher.

Le directeur du département technique d'IBA et le chef de projet pour la partie logiciel ont parlé du projet de paiement électronique des billets IT.TUT.BY.


Combien de temps a-t-il fallu pour que les systèmes de paiement électronique soient développés ? Quelle expérience l’entreprise a-t-elle dans des projets similaires ?

Nous sommes directement impliqués dans le projet de paiement électronique des billets depuis plus de trois ans. D'autres types de systèmes de vente de billets (par exemple via des dispositifs bancaires) ont été développés précédemment. Ainsi, IBA est impliquée dans les systèmes de paiement des tarifs de transport depuis plus de cinq ans. De manière générale, l'entreprise travaille depuis plus de 10 ans à la création de systèmes libre-service.

Même lorsque les cartes bancaires n'étaient pratiquement pas répandues en Biélorussie, nous avons créé des systèmes de paiement automatisés. Il y avait alors beaucoup de scepticisme : "Ça ne va pas casser ?", "Comment puis-je payer ici ?"... mais 10 ans ont passé, et désormais les terminaux de paiement et de référence bancaires sont de facto la norme, et leur commodité ne fait aucun doute. Je suis sûr que le système de paiement automatisé fera bientôt partie intégrante de nos vies.

Combien de temps la feuille de route du projet sera-t-elle rédigée et quels autres services apparaîtront ?

Il est prévu d'utiliser le réseau existant de terminaux bancaires pour réapprovisionner les cartes au lieu des kiosques. Une autre possibilité consiste à acheter les cartes non pas dans les kiosques, mais en mode libre-service. Les kiosques et caisses sont restreints ; contrairement aux terminaux, ils ne fonctionnent pas 24h/24 et 7j/7. Les passagers se plaignent du fait qu'il n'est souvent pas possible d'acheter un billet - cela peut être corrigé. Des prototypes de tels appareils ont déjà été développés.






Prototype de terminal d'émission et de réapprovisionnement de cartes sans contact

L'année dernière, la société IBA a organisé un séminaire sur les systèmes de paiement et de contrôle des tarifs de transport, appelés voyages intelligents, où ils ont discuté des problèmes non seulement à Minsk, mais aussi dans les régions, et ont examiné les avantages et les capacités du système. Les centres régionaux manifestent un plus grand intérêt pour les systèmes de paiement automatisés, mais les petites villes et les entreprises impliquées dans le transport interurbain s'intéressent également à de tels systèmes.

Ainsi, à l’avenir, les systèmes automatisés de paiement et de contrôle des voyages pourront être intégrés sur la base d’une seule carte. Il existe une expérience similaire en Russie et dans d’autres pays. Les validateurs et les cartes à puce prennent déjà en charge cette fonctionnalité. Plusieurs applications peuvent être stockées dans la mémoire de la carte à des fins différentes. Il me semble qu’une carte de voyage universelle va certainement apparaître, ce n’est qu’une question de temps.

Une question qui relève du domaine de la science-fiction : s'il est possible de regrouper en une seule carte un abonnement pour tous les types de transports à travers le pays, alors peut-être est-il possible d'ajouter des moyens de paiement et même un passeport électronique sur la même carte ? Verrons-nous cela dans 5-10-20 ans ?

Ce fantasme n'est pas loin de la réalité. Lorsque nous avons commencé à concevoir un système de « voyage intelligent », nous avons compris la promesse de cette technologie et avons développé une plateforme iCard pratiquement universelle qui vous permet d'enregistrer presque toutes les données sur une carte.

Je peux vous montrer mon portefeuille, il existe de nombreuses cartes différentes, aussi bien bancaires que de réduction... Il y a désormais une tendance à regrouper les informations sur un seul support. En Biélorussie, une carte d'identité interne, un « passeport électronique », est actuellement en cours de conception. La même « carte d’élève » pourrait bientôt être combinée avec une carte de voyage.

De nombreuses banques biélorusses ont reçu une licence pour émettre et gérer des cartes à puce bancaires, qui fonctionnent à la fois de manière habituelle et sans contact. Vous pouvez également y ajouter d'autres applications. Il est techniquement possible de rédiger un « titre de transport électronique ».

Les moyens modernes permettent déjà de mettre en œuvre cela. La question est de savoir dans quelle mesure elle sera fiable, pratique, rapide, comment les choses se passeront en matière de confidentialité et de législation... Je ne dirai pas dans combien d'années nous verrons une « carte unique » et si elle sera vraiment « unique » , mais techniquement c'est déjà faisable.


La technologie NFC sera-t-elle un jour utilisée pour permettre les paiements depuis votre téléphone ?

La technologie NFC prend désormais de l’ampleur dans le monde, on comprend sa promesse. La prochaine étape du « paiement intelligent » pourrait être le paiement à l’aide d’un appareil mobile en le « touchant » simplement au terminal. Les validateurs installés prennent déjà en charge NFC au niveau matériel ; cette fonctionnalité n'est tout simplement pas « activée » dans le logiciel. En tant qu'éditeur de logiciels, nous serons prêts à participer aux développements NFC.

Il existe désormais un intérêt pour le NFC en Biélorussie, mais les appareils prenant en charge cette technologie ne sont pas encore largement répandus, même si je pense que la situation va changer dans un avenir proche. Lorsqu'il y aura un plus grand intérêt, lorsque ces services seront offerts plus largement et que ce type de paiement sera approuvé par Minsktrans, il ne sera pas difficile d'« activer » le NFC. J'espère que cela se produira dans un avenir proche ; le NFC est déjà en train de devenir un standard pour les fabricants de smartphones.

Mais pour l'instant, les cartes Mifare et la technologie RFID sont utilisées. Que veulent dire ces mots?

La RFID est un concept large qui fait référence à toute méthode de transmission de signaux radio entre une puce spéciale, une étiquette RFID et un lecteur de signaux. Pour le « fonctionnement » de l’étiquette, aucune alimentation ni « batterie » n’est nécessaire et le lecteur consomme relativement peu d’énergie.

Mifare est l'une des technologies les plus populaires au monde pour les systèmes de paiement sans contact. Les inconvénients de l'ancienne version de Mifare Classic ont été étudiés et une nouvelle version a été récemment introduite - Mifare Plus, que nous utilisons. La version Plus est protégée contre la copie et la contrefaçon ; les données sont cryptées avec des algorithmes complexes. Les développeurs de la norme, avec lesquels nous travaillons en étroite collaboration, affirment que le Groupe IBA a été l'une des premières entreprises au monde à mettre en œuvre un système offrant le niveau de sécurité maximal de la technologie Mifare Plus.



Pourquoi l'impression d'un coupon et un validateur RFID pour les cartes de voyage sont-ils désormais utilisés en parallèle ? Est-il possible de refuser des coupons ou de les imprimer directement à la borne ?

Organiser le paiement d'un trajet unique est un problème pour tout système de transport. Au moment du développement du projet, environ 40 % des voyages sont des voyages ponctuels. Il est donc indispensable de disposer d’un mode de paiement distinct pour les voyages ponctuels.

Lors du choix d’un mode de paiement pour un voyage ponctuel, de nombreuses technologies ont été prises en compte. Cependant, le coût de tout transporteur RFID dépassait le coût d'un seul voyage, il n'était donc pas possible de trouver une alternative au billet papier.

À Moscou, des cartes RFID jetables sont émises dans le métro, leur coût est comparable à celui d'un trajet - dans notre pays, une telle option coûterait plus cher que le tarif lui-même. Nous avons étudié différentes technologies, mais il n'était pas économiquement réalisable d'introduire un outil sans contact pour des déplacements ponctuels.

Il existe des systèmes de vente de billets directement en cabine dans différents pays, mais pour la Biélorussie, tout mode d'acceptation de paiement pour un voyage unique que nous avons envisagé (factures, cartes bancaires...) augmentait considérablement le coût du projet et compliquait canaux de communication. Et les bornes de vente de billets à l'unité prendraient beaucoup de place en cabine. Le composteur électronique ne dépasse que de quelques centimètres de la main courante et le terminal de vente occuperait l'espace d'un ou deux passagers. Et il serait difficile de l’utiliser aux heures de pointe. Peut-être que cela ne peut être appliqué que sur les itinéraires suburbains et interurbains.

C’est pourquoi, pour l’instant, les coupons papier et les composteurs électroniques sont utilisés en combinaison avec les cartes sans contact. À l'avenir, des bornes de vente de billets et de rechargement de cartes à puce seront disponibles aux arrêts de bus. Tout comme vous pouvez désormais acheter un ticket pour un bus de banlieue dans les terminaux de certaines banques, tout comme vous pouvez acheter un ticket pour un train électrique dans une gare du terminal, vous pouvez également payer le transport terrestre. Et pas seulement avec une carte bancaire, mais aussi en espèces.

En attendant, les contraventions des conducteurs ne disparaîtront nulle part. Mais leur nombre va diminuer, car... Un billet électronique pour un trajet (analogue à un coupon) peut être inscrit sur une carte sans contact, ce qui est évidemment plus pratique.


Photo : Snezhana Inanets, des archives TUT.BY

Autrement dit, davantage de personnes voudront acheter des cartes de voyage au lieu de coupons uniques ? Qu'est-ce que je dois faire?

Comme déjà mentionné, les cartes à puce émises prennent en charge jusqu'à six types de cartes de voyage électroniques stockées simultanément en mémoire. Cela offre au passager la possibilité de gérer ses titres de transport au sein d'une seule carte. Il peut s'agir de déplacements d'un mois, d'un certain nombre de déplacements ou de déplacements sur une certaine distance, incluant un nombre précis de zones. Des tarifs à la journée et même à l'heure peuvent être élaborés et enregistrés sur la carte.

Les chefs d’orchestre entendent régulièrement "Je n'achèterai pas de billet, je n'ai qu'un seul arrêt" ou "Pourquoi un arrêt coûte-t-il autant que parcourir toute la ville". Ce problème peut également être résolu par un tarif spécial, un paiement zonal ou au kilomètre.

Techniquement, ces tarifs et méthodes de paiement sont mis en œuvre et pris en charge par le système de voyage intelligent. Mais pour l’instant, le système est mis en œuvre conformément aux règles et réglementations en vigueur.

Oui, exactement. Les cartes vous permettront de choisir une formule d'abonnement et de calculer plus correctement vos coûts. Mais il est incorrect de comparer la carte Mifare que nous utilisons avec une carte SIM. Cela ressemble plus à un portefeuille, puisque les tarifs sont stockés directement sur la carte. Il n'y a rien à attendre : dès que le passager a rechargé sa carte, il peut payer le voyage.

Mais même les tarifs flexibles n’élimineront pas les questions du type « Je n’ai qu’un seul arrêt ». L’option d’un tourniquet à l’entrée a-t-elle été envisagée, comme cela se fait parfois à l’étranger ?

Toutes les options ont été étudiées et la meilleure a été choisie. Le système repose sur la confiance et le contrôle. De plus, pour se protéger contre les passagers « relativement honnêtes » qui attendent avec un ticket le contrôleur, l’ensemble du système du véhicule, y compris les composteurs et les validateurs, sera bloqué pendant le contrôle. Le conducteur peut également le bloquer. Autrement dit, conduire avec un ticket en poche et le pointer uniquement à la vue de l'inspecteur ne fonctionnera pas.



Récemment, des passagers ont remarqué ce qui semblait être une mise à jour du système en milieu de journée : les validateurs redémarraient et affichaient initialement des informations sur le système. Était-ce vraiment un « flash à la volée » ?

Le système actuellement mis en œuvre est à assez grande échelle. Des centaines de véhicules dotés de plus d’un ou deux éléments « intelligents ». À une telle échelle, il est impossible de reprogrammer manuellement chaque appareil. Si une mise à jour massive unique est requise, elle peut être mise à jour à distance sur tous les appareils du réseau en même temps.

Les tarifs et la prise en charge des boutons NFC ou tactiles peuvent arriver sur chaque voiture en une journée - dès que le véhicule se connecte au réseau, le micrologiciel y sera téléchargé via les canaux de communication mobile. D'ailleurs, le firmware "pèse" pas mal, ce n'est pas des dizaines de mégaoctets, ce n'est pas Windows ou Linux. Par mois et par véhicule, compte tenu du transfert quotidien des données de navigation et de paiement, ainsi que de plusieurs mises à jour importantes, pas plus de 60 Mo sont nécessaires.

Oui, les utilisateurs peuvent voir les diagnostics ou les mises à jour du micrologiciel. Nous venons de commencer à mettre en œuvre le système, il fonctionne en mode test et nous surveillons et éliminons rapidement les lacunes.


Un mécontentement a également été exprimé en raison de messages dans une seule langue...

Le système prend déjà en charge les langues russe, biélorusse et anglaise.


Les instructions de transport précisent que non seulement la durée du trajet doit être imprimée, mais également le numéro du véhicule. Le numéro n’est actuellement pas indiqué. Cela peut-il être résolu ?

La raison de l'absence de numéro de véhicule est que le système est en phase d'ajustement. Dans un avenir proche, toutes les données seront imprimées sur des coupons.

Nous avons posé des questions sur la mise en œuvre matérielle et technique du « voyage intelligent » Sergueï Syaglo, directeur d'ODO "Protok Lux", une entreprise faisant partie du groupe IBA, chef de projet pour le matériel.

En quoi consistent les validateurs et les composteurs électroniques ? Dans quelle mesure ces développements sont-ils biélorusses ?

Le système ne se compose pas seulement d'un validateur et d'un composteur, il comprend également un ordinateur de bord et un terminal de navigation, ainsi qu'un lecteur de carte spécial pour les contrôleurs. Ce système est intégré au système actuel de contrôle des expéditions de Minsktrans, avec la perspective de connecter d'autres systèmes. Il est techniquement possible d'interagir avec les affichages électroniques aux arrêts (ceux-ci existent déjà à Minsk), les systèmes de contrôle du carburant et la comptabilité des flux de passagers (par exemple, vous pouvez augmenter le nombre de voitures sur un itinéraire s'il est occupé à une heure précise) .

Le composteur électronique contient une imprimante matricielle compacte de R&G, spécialement conçue pour les conditions d'exploitation difficiles des transports publics. La décision en leur faveur a été prise en raison de leur vaste expérience et de l’impossibilité économique de leur propre développement. Le développement du logiciel ainsi que les travaux d'intégration avec ASOKP ont été réalisés en Biélorussie.

Le validateur et tous les autres équipements sont des développements entièrement biélorusses, conception, moulage, planches, assemblage... Ce n'est pas la première révision de l'appareil, ils y ont travaillé pendant deux ans, en tenant compte des particularités des transports de Minsk, du climat , et la saturation aux heures de pointe. Soit dit en passant, les analogues étrangers sont généralement de plus grande taille.



Les principaux paramètres qui préoccupent les utilisateurs sont la résistance à la casse et la difficulté de fonctionnement par rapport aux composteurs mécaniques et aux cartes de transport papier...

Nous avons pris au sérieux la question de la résistance au vandalisme. Un boîtier métallique gênerait la transmission du signal et se rayerait rapidement. Pour le fabriquer, nous avons utilisé des polymères modernes : ils sont assez résistants aux chocs, ils sont difficiles à « tordre » depuis la main courante et les rayures ne sont pas si visibles. Il ne s’agit pas d’une adaptation d’une technologie, il s’agit d’un nouveau développement prenant en compte les exigences spécifiques, l’expérience mondiale et les systèmes déjà mis en œuvre en Biélorussie, ainsi que la faisabilité économique et le « contexte pour l’avenir », ce qui est important.

La rapidité du travail est une priorité. Désormais, le paiement par carte prend 0,2 à 0,3 seconde. Un composteur électronique n'est pas plus lent qu'un composteur mécanique. Une facilité d'utilisation maximale est également importante - un minimum d'actions. Sur les validateurs, à côté de l'écran, il y a deux boutons tactiles qui ne sont pas encore utilisés ; ils pourraient être utiles à l'avenir pour vérifier le solde ou les transactions avec tarifs.

Nous avons publié un nouveau livre, Social Media Content Marketing : Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.

Le validateur de micro-balisage est un logiciel qui vérifie le balisage des pages Web dans tous les formats et dans tous les langages de programmation existants.


Plus de vidéos sur notre chaîne - apprenez le marketing Internet avec SEMANTICA

Tout le monde aime voyager, surtout dans les hypermarchés. Alors, sans casser les tendances généralement admises, faites du shopping. Vous devez trouver des jus de fruits, de l'eau, des biscuits, du pain, des chaussettes, des couches et d'autres choses. Mais le magasin est trop grand et cela peut prendre plus d'une heure pour en faire le tour et trouver ce dont vous avez besoin. Une autre option consiste à contacter un employé de l'hypermarché, mais les achats sont nombreux, cette méthode n'est donc pas toujours applicable. Il est beaucoup plus pratique de naviguer grâce aux panneaux situés entre les rangées et indiquant avec précision l'emplacement des produits dans le rayon.

Afin de sélectionner des informations pertinentes et utiles, les robots de recherche utilisent également certains algorithmes pour sélectionner des informations pour les utilisateurs.

Quel balisage est considéré comme correct ?

La sémantique correcte est considérée comme celle qui est bien accueillie par les moteurs de recherche tels que Google, Yandex, Bing et Yahoo. Nous avons tous constaté plus d'une fois que ces services indexent les informations de manières complètement différentes, c'est pourquoi nous prêtons le plus souvent attention à des extraits réfléchis, accrocheurs et clairs.

Par conséquent, avant de mettre en œuvre un micro-balisage sur le site, vous devez déterminer le type de vos données. Par exemple, dans une fiche produit pour une boutique en ligne, vous devez indiquer le prix du produit, son nom, sa description, son image, ses avis, sa note. De cette façon, le robot de recherche sera en mesure de comprendre exactement ce qui se trouve sur la page sans aucun problème et de la rendre plus pertinente.

Il existe plusieurs services pour vérifier l'exactitude du micro-balisage :

  • Outil de vérification des antécédents de Google ;
  • validateur de micro-balisage de Yandex ;
  • validateur.w3.org ;
  • validateur.nu.

Si votre page a été validée sur un service, alors en raison des différences dans les algorithmes de recherche, elle risque de ne pas être transmise sur un autre. Pour que les robots de recherche indexent correctement votre balisage, comprenez sa structure et ses paramètres.

Pourquoi avez-vous besoin d’un validateur de balisage ?

est une norme de balisage sémantique conçue spécifiquement pour structurer les informations sur une page destinée aux programmes de traitement. Dans notre cas, les microformats nous permettent d'indiquer au robot de recherche la signification sémantique de fragments de page individuels et sont utilisés pour transmettre des informations sur l'organisation, les produits, les avis et les recettes.

Toute page sur Internet est constituée de balises HTML qui indiquent au navigateur comment telle ou telle information sera affichée, et le micro-balisage définit les moteurs de recherche un certain cadre dans lequel effectuer la recherche. Par conséquent, cela vous permet d’obtenir une meilleure pertinence des pages pour les robots de recherche et les utilisateurs. Et surtout, le micro-balisage sémantique permet d'améliorer l'apparence du site dans les résultats de recherche (snippet).

Extrait sans balisage :


Extrait avec balisage :


Le validateur vérifie l'exactitude de l'ensemble du processus et identifie les erreurs commises lors de l'utilisation du code. Après tout, si cela n'est pas correctement vérifié, cela peut affecter négativement l'indexation de la ressource et, plus encore, vos revenus. C’est donc un outil indispensable pour tout programmeur ou webmaster.

Les pages sans erreurs dans le code sont le rêve de tout propriétaire de site Web, car les résultats d'un travail de haute qualité se refléteront clairement dans vos positions dans les résultats de recherche. Cela n'affectera pas un site avec plus de 30 positions. Cependant, lorsque le moteur de recherche affiche la 15ème place, et non la 3ème comme on le souhaiterait, cela signifie de graves lacunes qui entraînent des coûts matériels.

Le plus souvent, les utilisateurs qui commencent à utiliser de tels logiciels ne comprennent pas clairement comment le micro-balisage du site affecte le classement. Yandex répond qu'il n'agit qu'indirectement, tandis que le site devient plus attractif pour l'utilisateur, son audience devient plus large, ce qui augmente sa position. Il précise qu'il ne faut pas s'attendre à des résultats dans les prochains jours, puisqu'ils n'apparaîtront que d'ici un à deux mois.

Comment fonctionne un validateur de balisage ?

Pour vérifier la page, vous devez saisir l'URL du document que vous vérifiez ou coller le code requis dans le formulaire ci-dessous.

Dans la colonne « Résultats de vérification », le programme affichera les défauts identifiés et leur emplacement.

Il existe deux cas où un message d'erreur s'affiche :

  • si le validateur ne peut pas reconnaître le balisage ;
  • si le balisage n'est pas conforme à la norme et ne peut pas être reconnu correctement.

Le message « page introuvable » signifie que la page n'existe pas. Peut-être que la page n'est pas disponible pour le moteur de recherche en raison d'une erreur de service ou de restrictions de sécurité.

Cela fournira une liste de champs obligatoires qui ne sont pas pris en compte dans les travaux envoyés pour révision.

Outil Google

Google, en collaboration avec Yahoo! et Bing ont testé leur invention pour la première fois en 2011 - un validateur de micro-balisage, que Yandex a ensuite rejoint. En conséquence, le monde entier a commencé à utiliser le validateur. Le validateur est constamment amélioré et ses fonctionnalités s'étendent.

Comment vérifier:

1. Utiliser une URL. Convient aux propriétaires de sites Web actifs. Copiez le lien et collez-le dans le champ prévu à cet effet.
2. Utilisation d'un fragment HTML. Cette option convient à ceux qui créent simplement un site Web et le stockent quelque part sur un serveur local. Les étapes sont les mêmes : copiez le code et collez-le pour vérifier.

Formats de balisage pris en charge par Google :

  • microdonnées ;
  • microformats ;

Types d'informations de balisage pris en charge :

  • Commentaires;
  • marchandises;
  • entreprises;
  • organisations;
  • Événements;
  • musique.

Outil Yandex

Au cours des quatre dernières années, les programmeurs ont de plus en plus commencé à utiliser le micro-balisage sémantique : environ 15 % des pages RuNet sont balisées. Par conséquent, le besoin de validateurs a augmenté. Et Yandex ne reste pas à l'écart des nouveaux développements dans ce secteur. Contrairement à Google, il se développe plus rapidement et crée de nouveaux outils universels.

Formats pris en charge :

  • microformats ;
  • Schéma;
  • HTML ;
  • Ouvrir graphique.

Types de données pris en charge par le validateur Yandex :

  • marchandises;
  • des prix;
  • adresses ;
  • organisations;
  • des articles;
  • musique;
  • essais routiers ;
  • dessins;
  • clips vidéos;
  • recettes;
  • films.

Le validateur de microdonnées vous permet de vérifier l'exactitude de la structuration des données. Il simplifie le travail des optimiseurs et permet de baliser correctement le contenu du site. Cela rend les informations sur la page belles dans les résultats de recherche et attire les visiteurs vers la ressource.

Validateur est un appareil qui vérifie les documents de voyage et autres documents confirmant le droit d'accès. Les validateurs sont largement utilisés dans les métros, les bus, etc.

Un validateur, tel que l’entendent les créateurs de sites Web, est un programme informatique qui vérifie la conformité du code HTML des pages d’un site et du code CSS aux normes modernes.

Trouvé en ligne Validateur En ligne http://validator.w3.org, l'a lancé, a reçu un message concernant 54 erreurs de code HTML et 17 avertissements déjà sur la page principale de ce site ! Je constate que ce Validator est très rapide et pratique, au début je l'utilisais uniquement, car il était reconnu comme le meilleur pour vérifier le code HTML.

Pour obtenir le maximum d'informations du validateur, dans ses options, je marque tout sauf l'option la plus à droite.

En même temps, j'ai vérifié la page principale Yandex: 192 erreurs et 10 avertissements. Un examen du code de la page principale de Yandex ce jour-là a montré que le code ne contenait que trois longues lignes, c'est-à-dire qu'ils appliquaient le compactage du code. De plus, de nombreuses erreurs peuvent être interprétées comme une violation délibérée des normes : les navigateurs, disent-ils, s'en rendront très bien compte.

Par exemple, Validator est indigné par le manque d'espace entre les balises et Yandex préfère réduire la longueur du code.

Au fil du temps, il faudra adopter cette méthode d’accélération du chargement en compactant le code ! Mais sans erreur, c’est-à-dire sans insatisfaction du validateur. Il est trop tôt maintenant et nous n’avons pas le temps de nous occuper de cela. Ce qui est clair pour moi jusqu'à présent, c'est que le compactage devra d'abord être effectué manuellement, puis rechercher des moyens de compactage automatique du code avant la publication, mais pas avant la mise en cache.

La conclusion initiale était la suivante : Yandex éternue devant la validité HTML-code, je vais éternuer sur lui aussi.

Il est bien plus important que les pages du site s'affichent normalement dans tous les navigateurs (j'ai vérifié l'affichage de pas mal de pages du site dans 11 navigateurs) et se chargent assez rapidement.

Pourtant, le Validator est très utile : il m'a montré les erreurs de code, m'a donné des conseils pour corriger les erreurs et m'a montré où se trouvaient les erreurs, ce qui a facilité le processus d'élimination des erreurs. Le validateur m'a aidé à me débarrasser de centaines d'erreurs afin qu'elles ne deviennent pas une nuisance visuelle, ne rendent pas les navigateurs tendus ou ne ralentissent pas le traitement des pages.

J'ai corrigé presque toutes les erreurs trouvées : sur la page principale de mon site, le validateur n'a trouvé que trois erreurs - toutes étaient contenues dans le code de quelqu'un d'autre : une dans le code responsable des commentaires et deux dans les scripts de FeedBurner. Je m'en suis débarrassé aussi !

Sur la plupart des pages du site, le validateur a trouvé les trois mêmes erreurs ; généralement il n'y avait pas d'autres erreurs.

Je remarque que le validateur n'aime surtout pas les tableaux insérés CMS WordPress aux pages du site après avoir copié le tableau de Exceller. Après pas mal de bidouilles, j'ai compris comment éditer le code des tables enregistrées et refaire le fichier de style styles.css

Un algorithme semi-automatique clair en dix étapes pour éditer le code de la table est décrit sur la page.

Je remarque que même une page contenant de nombreux tableaux et des centaines d'erreurs avait de bons taux de chargement, mais le traitement final du code était clairement retardé. J'ai également corrigé tous les tableaux de cette page.

Lors de l'ajout et de l'amélioration de pages, je veille à éditer les tableaux, et j'utilise le Validator uniquement pour compter le nombre d'erreurs : je ne regarde plus ses conseils.

Le 20/03/14, j'ai reçu pour la première fois une « marque verte » du validateur : son favicon est devenu vert, et une ligne avec le message « Ce document a été vérifié avec succès comme HTML5 ! » est apparue sur la page, avec un vert arrière-plan. Je n’ai jamais vu une telle étiquette sur aucune page de ce site ou d’autres sites auparavant !

Maintenant, je peux dire que la page principale de mon site est meilleure que la page principale de Yandex !

Pour vérifier la validité du code CSS, j'ai utilisé un service en ligne partiellement russifié http://jigsaw.w3.org/css-validator/validator.html.ru Il a émis 283 avertissements. Je vais essayer d'apporter des modifications aux fichiers de style pour me débarrasser progressivement de ces avertissements. J'ai longtemps soupçonné que le modèle utilisé n'était pas assez bon, mais j'en suis désormais convaincu. Je publierai les détails sur la page disponible via le lien.

J'invite tout le monde à s'exprimer

Le standard HTML définit clairement la structure de base d'un document Web. Le langage HTML est un sous-ensemble du langage de description de document SGML (Structured Generalized Markup Language), ainsi, un document HTML est un document texte composé de codes HTML et du texte principal du document. Pour visualiser ce document, vous avez besoin d'un navigateur WEB - un programme spécial pour interpréter et afficher correctement la page à l'écran.

Quelle est la norme HTML ?

* HTML a été initialement développé par Tim Berners-Lee et popularisé par le navigateur Mosaic développé par NCSA. Durant les années 90. il a littéralement fleuri grâce au développement rapide du Web. Il fut un temps où les développeurs Web étaient obligés d'utiliser la norme HTML 2.0 (développée sous les auspices de l'Internet Engineering Task Force (IETF) pour rationaliser les conventions fin 1994), qui ne prenait en charge que le formatage du texte et l'intégration de graphiques simples.
* En 1995, certaines propositions pour une norme HTML 3.0 étendue ont été publiées et sont devenues des directives HTML non officielles mises en œuvre dans divers navigateurs.
* En mai 1996, la version standard 3.2 est apparue. L'organisation responsable de la norme est le WWW Consortium (W3C - World Wide Web Consortium) ; il s'agit d'une association de représentants de l'industrie et de la science.
* Le 18 décembre 1997, la première version de la spécification W3C pour HTML 4.0 a été publiée. Le deuxième numéro (24 avril 1998) contenait quelques modifications rédactionnelles.
* Le 24 décembre 1999, la norme HTML 4.01 est sortie - certaines erreurs ont été corrigées dans la norme précédente - 4.0
* La présence d'un standard présuppose la nécessité d'un programme spécial (VALIDATOR lui-même), qui vérifie les violations des spécifications selon lesquelles le document a été compilé dans un document HTML, si ces violations y existent réellement.

Qu'est-ce qu'un validateur ?
définition:
Validateur : un analyseur SGML conforme qui peut trouver et signaler une erreur de balisage à signaler si (et seulement si) il en existe une.
Validateur : un analyseur de conformité SGML qui recherche et signale une erreur de balisage à signaler si (et seulement si) il en existe une.

ISO 8896, paragraphe 15.4.

Ainsi, un système HTML est un système HTML de validation si
1) il s'agit d'un analyseur SGML de validation selon la norme ISO 8879, clause 15.4 ;
2) il est capable de traiter n'importe quel document compatible HTML ;
3) il trouve et signale une erreur dans le HTML si elle existe ;
4) il ne signale pas d'erreur en HTML si elle n'existe pas.

ISO/IEC 15445:2000/DCOR 1:2001(E), paragraphe 2.2.

Il ne faut pas oublier qu'un document HTML n'est pas un phénomène autosuffisant, et en soi ne ressemble à rien. Le site ne prend une forme visible que dans un navigateur spécifique. Comme le montre la pratique, différents navigateurs affichent une page spécifique de différentes manières (l'affichage des pages dépend du fonctionnement des algorithmes de correction intégrés au navigateur, et ces algorithmes sont très différents selon les navigateurs), et, en règle générale, tous ces les méthodes sont correctes. En fait, c'est l'un des avantages importants du réseau - par exemple, une personne malvoyante peut agrandir sa police ou utiliser un navigateur de lecture, et pour cela, elle n'a pas besoin de préparer une version spéciale distincte du site.

Les deux navigateurs Windows les plus courants affichent les pages à peu près de la même manière, ne différant que par des détails tels que les marges et le remplissage. Les navigateurs pour Macintosh ou *Nix diffèrent généralement de ces deux de manière plus globale. L’avantage évident d’avoir une norme est qu’il est beaucoup plus facile de contrôler une seule spécification que plusieurs navigateurs.
citation:
« …Pour les personnes ayant une déficience visuelle, HTML offre une opportunité prometteuse de leur donner un accès égal au grand public tout en utilisant l'interface utilisateur graphique de base de Windows. Le modèle tabulaire HTML comprend des attributs pour étiqueter chaque cellule afin de prendre en charge un texte de haute qualité pour l'interface vocale. Ces mêmes attributs peuvent être utilisés pour prendre en charge l'importation et l'exportation automatisées de données de table vers des bases de données ou des feuilles de calcul..."

De nombreux développeurs (pour la plupart des concepteurs Web novices) peuvent être en désaccord avec la nécessité que le code soit conforme à la spécification : « Le validateur laisse derrière lui les sites ennuyeux, tue la créativité. » Cette opinion naît d’une simple paresse. Un texte HTML correct permet pleinement la dynamique, les objets multimédias, l'utilisation de scripts, etc. ; C’est juste que tous ces effets peuvent être réalisés avec compétence, ou ils peuvent être réalisés de manière analphabète. Nous devons également nous rappeler que dans tout domaine créatif, il faut d’abord apprendre les règles et ensuite seulement être capable de les dépasser. De plus, même les développeurs expérimentés ne sont pas à l’abri des erreurs : nous pouvons tous faire des fautes de frappe ou oublier de fermer une balise. Le validateur est capable de suivre ces erreurs et d'indiquer explicitement l'emplacement avec un formatage incorrect.

Voici des exemples spécifiques d’erreurs détectées par le validateur :

ISO 8896, paragraphe 15.4.

- faux
(Erreur : la balise de début était ici).

ISO 8896, paragraphe 15.4.

- Droite.

texte inséré

- faux
(Erreur : l'élément "P" n'est pas autorisé ici ; la cause possible est un élément en ligne contenant un élément de niveau bloc)

Texte inséré

- Droite.

Si vous avez besoin de vérifier votre code par rapport à la spécification, voici quelques conseils :

Où puis-je obtenir un validateur ?

Un validateur sous forme de page Web est proposé sur https://validator.w3.org. Il est basé sur le SP de Clark.

Il existe également un validateur sur https://htmlhelp.com/. Il est également basé sur SP, bien que légèrement modifié. Les auteurs déclarent qu'il est plus strict dans son évaluation et déclare des lieux potentiellement dangereux, bien que valides (par exemple, une étiquette non fermée avec une fermeture facultative). Des sources de validation sont proposées

Un validateur gratuit disponible pour toutes les plateformes peut être téléchargé sur le site Web de J. Clark (https://www.jclark.com/sp/). Avec l'analyseur/validateur, un normalisateur de flux est inclus dans la livraison.

Le W3C distribue le code source du validateur sur https://validator.w3.org/, mais ce n'est pas réellement un validateur. Il s'agit simplement d'une adaptation du validateur Clarke à l'interface Web, exécutée en Perl. La description de cette adaptation indique clairement que vous devez avoir un validateur Clarke sur la machine. Plus de liens :
· https://ugweb.cs.ualberta.ca/~gerald/validate/
· https://www.webtechs.com/html-val-svc/
· https://www2.imagiware.com/RxHTML/

L’outil de HomeSite – Validate Document – ​​​​peut-il être qualifié de validateur ?

Les développeurs d'Allaire HomeSite annoncent que "...ils publient le programme de vérification sous le nom de "validateur" uniquement pour des raisons commerciales...", et qu'ils ne publieront pas de véritable validateur.

Le programme fourni avec HomeSite viole la définition d'un validateur : il trouve et affiche les erreurs qui n'ont pas été commises, et ne trouve pas les erreurs qui ont été commises.
Voici un exemple de ses actions incorrectes :
UN)
Réaction : aucune réaction.
En fait, il y a une erreur ici : l'ALT du deuxième IMG n'est pas défini.
b)

Réaction : erreur.
En fait, cette balise est possible au sein de XHTML.

Le désir de perfection est le premier signe de professionnalisme, et il n'est pas nécessaire de se concentrer sur les portails de code HTML populaires, mais loin d'être parfaits. Peut-être que les gestionnaires de ces sites, après avoir analysé les statistiques de visites, ont découvert que 99 % des utilisateurs visiteurs verront tout comme le concepteur l'avait prévu... Peut-être que les auteurs du site excluent délibérément les utilisateurs handicapés parmi leurs visiteurs... cependant, vous devez vous rappeler des concepts tels que l'humanisme et les exigences de la loi. Avec l'avènement d'une norme officielle, les violations de la spécification risquent d'être poursuivies pour rendre le site indisponible à ceux qui ne peuvent pas utiliser un navigateur « classique ». Bien que dans les régions des pays de l'ex-CEI, la législation soit assez limitée à cet égard, dans le monde éclairé, le problème est mieux résolu. L’accessibilité gagne progressivement force de loi. Le validateur ne garantit pas l’accessibilité (car il ne remplace pas le bon sens), mais il contribue à garantir que tous les utilisateurs bénéficient d’une assistance adéquate.

Sites Web réussis et code impeccable à vous, chers développeurs !

Parlons des outils de révision de code. Un outil spécial créé à cet effet est appelé validateur de format. HTML sera utilisé comme exemple. Un validateur pour ce langage de balisage est tout à fait adapté pour expliquer le principe et donner un exemple.

Pourquoi est-ce nécessaire ?

Il arrive que lorsque vous écrivez du code de programme, tout semble fonctionner correctement, mais cela ne fait pas de mal de vérifier. Alors, disons que nous avons créé une page HTML. Lorsque nous pensons à un validateur, cela signifie que nous nous intéressons à la qualité de sa fabrication du point de vue de la norme acceptée (mieux il fonctionnera, plus il fonctionnera correctement sur un plus grand nombre d'ordinateurs).

Conditions de mise en place

La gravité avec laquelle la page sera vérifiée est spécifiée dans la balise. Si cela n'est pas spécifié, il sera examiné de la manière la plus approfondie et le validateur indiquera dans le rapport toutes les erreurs et tous les écarts par rapport aux normes. Gardez également à l'esprit que la vérification sera effectuée selon les règles HTML5. Pour indiquer une version différente ou atténuer la recherche d'écarts, utilisez cette balise. À propos, en plus de la version HTML, il existe également un validateur CSS. Il vous permettra de vérifier la construction de la feuille de style en cascade et sa conformité à la dernière norme. Si ce sujet vous intéresse déjà, mieux vaut ne pas négliger cette opportunité.

Instructions pour vérifier la balise DOCTYPE

Il existe actuellement les types de contrôles suivants :

  1. Strict selon la dernière norme.
  2. De transition.
  3. Strict.
  4. Avec des cadres.

D'ailleurs, il est conseillé de toujours préciser DOCTYPE. Après tout, si cela n'est pas fait, différents navigateurs avec des paramètres différents afficheront la mise en page de la page différemment. Et le fichier requis sera affiché de manière très moche. Il convient de noter que cela n’affecte que la composante visuelle, tandis que les performances ne sont pas affectées.

Disons un mot sur les erreurs

Même lors de la vérification d’un petit document, un validateur de code peut détecter de nombreuses erreurs de programmation. Est-il nécessaire de tous les éliminer ? Non. La plupart des erreurs techniques ne sont pas critiques ; elles peuvent tout au plus ralentir un peu le site. Cependant, si ce paramètre vous est précieux, vous ne pouvez pas les ignorer. A noter également que certaines erreurs peuvent apparaître dès la compilation par l'interpréteur PHP.

Autres éléments

Le fait que le validateur HTML vérifie le code est certainement une bonne chose. Existe-t-il des fonctionnalités spéciales concernant les flux RSS et les tableaux en cascade CSS ? Oui, il existe également des validateurs pour eux. N'oubliez pas : ils vérifient uniquement que le code est conforme aux normes. Et ils ne se soucient pas de ce qui est écrit là-bas. Par conséquent, si vous êtes principalement intéressé par la qualité de la page et du site, vous devez également les vérifier.

Vérification en ligne

Afin de ne pas disperser leurs efforts entre différents programmes, de nombreux développeurs ont choisi un validateur en ligne. Qu’est-ce que c’est et en quoi est-ce utile ? Ces services sont généralement déjà configurés pour vérifier les trois composants (flux RSS, CSS et HTML). Leur polyvalence mérite des éloges. Mais il est préférable de vérifier à nouveau séparément l’exactitude de la composition HTML. Si nous parlons des avantages des services en ligne, il convient de noter qu'il n'est pas nécessaire de copier l'intégralité du code. Entrez simplement l’adresse du site et dans un instant, des erreurs s’afficheront. Il existe également des extensions de navigateur qui peuvent également vérifier partiellement ou entièrement si la page ouverte est conforme aux normes acceptées.

Qu'est-ce qui est inclus dans la validation ?

Ce processus est divisé en plusieurs parties :

  1. Recherche en cours
  2. L'imbrication des balises est vérifiée. Ils se ferment toujours dans l'ordre inverse de la façon dont ils sont sortis. Et si quelque chose ne va pas, vous en serez informé.
  3. Vérification de la conformité avec la définition de type de document spécifiée. L'automatisation analyse et détermine si tout (balises, attributs) est écrit correctement, par rapport à la version du langage de balisage déclarée.
  4. Vérifiez les éléments étrangers. Une recherche est effectuée pour savoir ce qui se trouve réellement dans le code, mais qui manque dans la définition du type de document.

Il faut comprendre que ce sont toutes des vérifications logiques. Dans ce cas, la manière dont le validateur est implémenté n’a pas d’importance. Qu’est-ce que cela signifie en pratique ? Si au moins une vérification échoue, le code ne sera pas considéré comme valide. En fin de compte, tout programme sérieux fournira des recommandations sur ce qui doit être corrigé (et pourra même vous indiquer comment le faire).

Arguments en faveur de la détention

La principale raison pour laquelle un validateur de balisage est nécessaire est de garantir la compatibilité entre navigateurs pour un site ou sa page individuelle. Le fait est que chaque programme qui vous aide à parcourir les pages Internet possède son propre analyseur. Par conséquent, la seule façon d’être sûr que le code fonctionnera correctement dans tous les navigateurs est de l’exécuter via un validateur. Qu'est-ce que cela donne d'autre ?

Le fait est que chaque navigateur dispose de son propre mécanisme pour corréler les erreurs dans le code du programme. Par conséquent, il pourra peut-être corriger la situation avec un programme invalide, ou il pourra tout aggraver. Il y a des arguments pour, mais il y en a aussi contre.

Il convient donc de noter que le validateur de balisage est très strict. Et les navigateurs peuvent corriger eux-mêmes certaines erreurs. Par conséquent, si la première priorité est le bon fonctionnement, l’apparence peut être partiellement ignorée.

Avis utilisant le validateur

Qu’est-ce que cela signifie en pratique ? Par rapport à ce qui est utilisé dans les applications réelles, le validateur est extrêmement exigeant. Bien sûr, il peut présenter des erreurs qui interfèrent avec le travail normal, mais il ne faut quand même pas essayer de lui plaire complètement. On souligne également souvent que la vérification des éléments étrangers ne se déroule pas toujours sans problème. Mais ceux-ci incluent également des attributs personnalisés qui ne sont pas reconnus par les normes, mais sont utilisés par les développeurs pour faciliter les processus de production.

Si vous avez des doutes sur l'aspect esthétique de la page, alors ils sont vains ici. Ainsi, si vous spécifiez un Doctype, l'analyseur du navigateur passera à un certain mode. Mais cela ne conduira pas au fait qu'il sera chargé et la conformité du code sera vérifiée. Par conséquent, les analyseurs de navigateur sont déjà configurés à l'avance pour le fait qu'il y aura un certain manque de validité du code. Il en va de même pour les attributs utilisateur : ils sont reconnus et traités avec succès. Un exemple est la technologie ARIA. Il fonctionne avec des attributs qui complètent la signification sémantique du code, c'est pourquoi le validateur jure. Qu'est-ce que c'est : bon ou mauvais ? D'une part, le code fonctionne et offre des fonctionnalités spéciales. En revanche, il y a un écart par rapport aux normes. Mais dans le cas d’ARIA, cela est tout à fait justifié.

Conclusion

En fin de compte, je voudrais dire que chacun choisit indépendamment d'utiliser ou non un validateur. Dans le cadre de l'article, les caractéristiques et les nuances de cette étape ont été décrites, et la décision appartient au lecteur.

gastrogourou 2017