Devrais-je me soucier de validation du W3C?

Je suis en train d'apprendre AngularJS et j'ai trouvé un code simple comme celui-ci:

<!DOCTYPE html>
<html>
   <head>
    <meta charset='utf-8'>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
</head>
<body ng-app ng-init="name = 'World'">
    <h1>Hello, {{name}}!</h1>
</body>
</html>

ne passe pas la validation W3C test, principalement parce qu'il n'y a pas les attributs standard (ng-app, ng-init).

La question est: devrais-je me soucier du W3C validation de ma demande? Dois-je abandonner AngularJS?

  • Le meilleur framework JavaScript est roulement de tambour: AUCUN! Nécessite le dumping un supplément total de octets zéro et zéro des requêtes HTTP au client dans la mesure où elle prend déjà en charge (gasp!) JavaScript! Avertissement: ne vous obliger à apprendre réelle conforme aux normes JavaScript. L'un des plus de manque de professionnalisme des choses web/développeur de logiciel peut faire est essentiellement dire, "Comment pouvons-nous compliquer à l'excès de notre code et de l'affaiblir par l'ajout de dépendances inutiles parce que nous n'avons pas pris la peine d'apprendre ce que nous savons déjà?"
  • Tout à fait d'accord.
InformationsquelleAutor ContentiousMaximus | 2013-09-04
  1. 49

    Vous pouvez utiliser le de données html5 attribut qui est la norme et comme je sais que fonctionne de la même Angulaire.
    Quelque chose comme:

    data-ng-app=""
data-ng-init="xxx"

    Fonctionnera de la même Angulaire et sont validées par le W3C.

    Regardez aussi ce: ng-app vs data-ng-app, quelle est la différence?

    A côté de cela, de mon expérience de travail avec des normes est toujours mieux lorsque votre produit sera livré à une possible grande foule (si vous r'construction d'un site web ou un public webapp et ainsi de suite) avec différents clients, versions, etc.
    Si vous êtes à la construction d'un SPA à l'aide angulaire et peut-être phonegap pour créer une application mobile qui sera installé sur les appareils mobiles comme une application native, standard ne pouvait pas être si important, l'important c'est qu'elle fonctionne sur les périphériques cibles.

    InformationsquelleAutor S.Magnaschi
  2. 46

    Validateur W3C HTML5 responsable ici. Nous avons eu des discussions sur la manière de traiter mieux faciliter la validation des documents qui contiennent des attributs personnalisés comme Angulaire du ng-* les attributs, les attributs, qui, bien que non-standard sont encore très largement et correctement utilisé, et ainsi d'avoir le programme de validation d'émettre des “erreur” messages à leur sujet n'est pas vraiment aider les auteurs.

    Une fonctionnalité que j'ai ajouté au validateur HTML5 pour atténuer ce est un “filtrage des Messages” fonctionnalité qui vous permet de persistance d'ignorer l'erreur/d'avertissement des messages qui ne sont pas utiles ou importantes pour vous. Le frontend est ici:

    http://validator.w3.org/nu/

    Après vous soumettre un document pour vérifier, sur la page de résultats, vous verrez un le filtrage des Messages bouton, et si vous appuyez sur, vous obtiendrez une liste de tous les messages d'erreur groupés en ensembles, avec Afficher/Masquer les cases à cocher.

    Devrais-je me soucier de validation du W3C?

    Mise à jour 2017-02-06: spécification HTML proposition pour les attributs personnalisés en discussion

    J'ai récemment ajouté le support pour personnaliser les éléments à la HTML Checker (validateur du W3C)—donc, pour ajouter le support personnalisé attributs, je pourrais utiliser un mécanisme similaire à ce que j'ai utilisé pour la réalisation de l'.

    Mais le HTML vérificateur ne peut pas être modifié pour permettre la coutume-les noms d'attribut jusqu'à ce que la spécification HTML est mis à jour pour leur permettre. Pour cela, voir la proposition en cours de discussion dans le code HTML-spec issue tracker.

    • Très sympa! ce qui serait sympa aussi, est d'avoir un moyen de passer les filtres à vnu.jar github.com/validator/validator
    • une façon d'obtenir autour de la fatale erreur: trop de messages (plus de 1000 ng- erreurs par exemple)?
    • il n'y a aucun moyen de le remplacer, vous êtes à l'aide de validator.w3.org/nu mais vous pouvez si vous utilisez le vnu.jar fichier et de l'exécuter comme java -Dnu.validator.messages.limit=XXXXX ~/vnu.jar some-document-with-a-lot-of-errors.html (où XXXX est un nombre). Pour plus de détails sur la vnu.jar fichier, voir validateur.github.io/validator et pour le télécharger aller sur github.com/validator/validator/releases/latest.
    • Ne le faites pas, s'il vous plaît. Le validateur est lui-même une foule de fois plus précieux que la vue, angulaire et qui sait ce que les enfants peuvent venir avec la prochaine semaine. Comme une note de côté, je suis totalement d'accord avec Marat-Tanalin au sujet de la présumée, de préférence de caractère de soulignement-/tiret précédé d'attributs; il est générique, non-discriminatoire et facile à mettre en œuvre.
    • que dire de la dernière Angulaire 4. comment valider le HTML pour que parce qu'il y a de nouvelles propriétés telles que (clic) et [pattern] etc attaché à l'entrée
    • Il est possible maintenant, peu importe si vous êtes à l'aide de la CLI de la version ou de la configuration que vous possédez vnu.jar serveur: stackoverflow.com/a/52402947/2261442

    InformationsquelleAutor sideshowbarker
  3. 5

    Que vous "devrait" soins " ou pas, c'est à vous. Il y a beaucoup de pages, il y qui ne sont pas valides HTML.

    HTML5 permet attributs personnalisés lorsque le préfixe data-, de sorte que vous pouvez utiliser l'un de l'autre correspondent à des directives comme:

    <span data-ng-bind="name"></span>
    InformationsquelleAutor Uooo
  4. 3

    HTML conventions sont là pour aider à prévenir antipatterns et garder le code maintenable.

    Ouais. Le long de ces lignes, j'ai écrit à ce sujet dans un peu plus de longueur récemment dans un “Pourquoi Valider?” l'article que j'ai ajoutée à la section “à Propos” du validateur HTML5:

    http://validator.w3.org/nu/about.html#why-validate

    La source pour le texte de cet article est ici:

    https://github.com/validator/validator/blob/master/site/nu-about.html#L160

    Et tirez les demandes avec des suggestions d'améliorations/ajouts sont les bienvenus.

    Ce que j'ai actuellement ceci:

    La raison de base pour l'exécution de vos documents HTML par le biais d'un de conformité
    checker est simple: Pour attraper des erreurs involontaires—erreurs, vous pouvez
    autrement manqué de sorte que vous pouvez les corriger.

    Au-delà, certains document-les exigences de conformité (règles de validité)
    dans la spécification HTML sont là pour vous aider, vous et les utilisateurs de vos documents
    éviter certains types de problèmes potentiels. Pour lui expliquer les raisons
    derrière ces besoins, la spécification HTML contient ces deux sections:

    Pour résumer ce qui est dit dans ces deux sections:

    • Il y a quelques balisage cas définis comme étant des erreurs parce qu'ils sont
      des problèmes potentiels pour l'accessibilité, la convivialité, l'interopérabilité,
      la sécurité, ou la facilité de maintenance—ou parce qu'ils peuvent entraîner un mauvais
      performance, ou qui pourrait entraîner l'échec de scripts dans les moyens qui sont
      dur à résoudre.
    • Avec ceux, du balisage des cas sont définis
      que d'erreurs parce qu'ils peuvent vous faire courir dans des problèmes potentiels dans le
      Analyse HTML et de gestion des erreurs de comportement de sorte que, par exemple, vous finirais
      avec quelques pas intuitif, résultat inattendu dans les DOM.

    De la validation de vos documents vous signale les éventuels problèmes.

    InformationsquelleAutor sideshowbarker
  5. 2

    Utiliser le préfixe "données" dans votre angulaire de l'app.
    Exemple:

    <body data-ng-app data-ng-init="name = 'World'">
   <h1>Hello, {{name}}!</h1>
</body>
    • qu'en est-il Angulaire 4? comment les "données" soit ajouté dans angulaire 4
    InformationsquelleAutor Dmitry Paloskin
  6. 2

    Vous pouvez utiliser le système de construction GulpJs et essayer un plugin que j'ai écrit et qui fait exactement ce que vous voulez:

    conversion ng-directives en data-ng-directives qui est la spécification du W3C pour la validation html5.

    Il est largement testé et trouvé ici: https://github.com/pgilad/gulp-angular-htmlify

    https://www.npmjs.com/package/gulp-angular-htmlify

    InformationsquelleAutor Gilad Peleg
  7. 2

    Vous pouvez install with npm:

    $ npm install --save-dev gulp-angular-htmlify
    InformationsquelleAutor Vivek Pokhriyal
  8. -2

    Ça dépend de la taille de votre projet.

    Généralement, HTML conventions sont là pour aider à prévenir antipatterns et garder le code maintenable.

    Qui règle particulière (nécessitant un tag avec le préfixe -données à un attribut valide) est à mon avis un peu superflu, car il tend à promouvoir supplémentaire de balisage qui ne sert à rien.

    Je dirais, s'en tenir à la validation de votre code HTML à l'encontre de WC3 conventions si vous travaillez dans un gros projet avec beaucoup de développeurs. Sinon, il n'y a pas de réels avantages.

    InformationsquelleAutor Code Whisperer
  9. -2

    Essayez d'exécuter le script sur la sécurité domail avec le https:

    Consulter le même ci-dessous à l'aide de https:

    <!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
</head>
<body ng-app ng-init="name = 'World'">
    <h1>Hello, {{name}}!</h1>
</body>
</html>
    InformationsquelleAutor Mayank Garg