Comment valider vendeur préfixes CSS comme -webkit - et -moz-?
https://stackoverflow.com/questions/1889724
-
19-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'utilise le moteur webkit/mozilla rayon des frontières et la zone d'ombre des propriétés CSS, mais je veux le CSS pour valider (ce qui n'est actuellement pas le cas).Est-il un moyen de l'obtenir pour valider?
La solution
Non, ils sont des propriétés spécifiques du navigateur, et non définis dans la spécification CSS standard.
Cela étant dit, ils suivent correctement les règles de fournisseur extension spécifique du CSS. Il est tout simplement pas dans la spécification CSS du W3C officiel.
Autres conseils
Bien que la syntaxe des extensions fournisseur est mentionné dans le module de syntaxe CSS3 et introduit dans la grammaire pour permettre aux fournisseurs de mettre en œuvre leurs propres préfixes ignorer la norme, les extensions des fournisseurs réels eux-mêmes ne sont pas reconnus comme des propriétés CSS officielles. Cela ne va pas changer, car ils sont propriétaires et spécifiques aux fournisseurs qui inventent et de les utiliser.
Cependant, une amélioration récente ( début 2011 ) au Jigsaw validateur CSS du W3C permet de réduire les erreurs de validation déclenché par des extensions des fournisseurs avertissements . Trouver cette nouvelle option parmi d'autres tels que le niveau de CSS pour validation en augmentant le Plus d'options :
Il est donc plus facile de trouver les vrais problèmes avec votre feuille de style si cela ne fonctionne toujours valide pas. Si les extensions des fournisseurs sont les seules choses déclenchent des erreurs, en les transformant en avertissements permettra à votre feuille de style pour valider provisoirement. Elle élimine également la nécessité de maintenir les extensions des fournisseurs dans une feuille de style distinct que vous devez cacher le validateur.
Les avertissements sont le plus que vous pouvez avoir peur d'erreurs, mais, comme en fin de compte, les préfixes des fournisseurs sont toujours non standard et donc techniquement CSS valide.
Il en partie possible. Recueillir toutes vos classes CSS non pris en charge dans un seul fichier (css3.css)
Exemple:
css3.css
.round{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
}
default.css
.square{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
page.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css">
<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" href="css3.css">');
</script>
</head>
<body>
<div class="square round"></div>
</body>
</html>
Moteur de recherche ne fonctionne pas les scripts clients, de sorte que vos W3C attributs non pris en charge ne sera pas endommager votre référencement. En ce qui concerne la validation css vert, désolé, pas encore.
Non, car ils ne font pas partie de la norme validateur valide contre. La seule solution qui vient à l'esprit est de mettre les propriétés incompatibles dans une feuille de style séparée.
Les propriétés spécifiques de Mozilla et WebKit ne seront pas validés. Ce que vous pouvez faire est de séparer votre « enrichi » dans une feuille css de style distinct. Tout comme vous séparez vos styles de hack par exemple de votre feuille de style principale. De cette façon, vos feuilles de style de base valideront.
Si vous utilisez un fichier CSS pour mon "non valide" ou "navigateur" CSS puis d'utiliser un peu de PHP pour filtrer CSS du validateur:
<?php
if(preg_match("/jigsaw.w3c.org/i", $_SERVER['HTTP_HOST'])){
echo '<link rel="stylesheet" href="invalid.css" type="text/css" media="screen, projection" />';
}
?>
Lien vers le validateur avec CSS3 que le profil (accepte border-radius, text-shadow, etc.):
http://jigsaw.w3.org/css-validator/check/referer?profile=css3
$_SERVER['HTTP_HOST'] ne fonctionne pas, mais peut-être il ya quelque chose qui le fera?
12-12-2011
Kami vraiment affiché la meilleure solution.J'ai créer un css3.js de fichiers et de documents.write(");le CSS, ligne par ligne:
CSS3.js
document.write('\
<style type="text/css">\
home_low_mod {zoom: 1;}\
#home_module {-moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-box-shadow: 0px 1px 3px #a5a6a2;-webkit-box-shadow: 0px 1px 3px #a5a6a2;behavior: url(PIE.htc);}\
#page {-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;behavior: url(PIE.htc);}\
</style>');
@BoltClock est TOTALEMENT droit sur celui-ci ... W3C a en effet ajouté un niveau de vextwarning critères de recherche BOOL. Il est pas documenté ... mais si vous utilisez leur la validation de l'API SOAP vous pouvez ajouter un paramètre à la charge utile de votre requête de validation de GET ....
&vextwarning=true
par exemple ... si vous voulez modifier la commande validateur CSS dans TextMate ... vous le feriez "Modifier Bundles ...", alias ^ + ⌥ + ⌘ + B
#!/usr/bin/env ruby
print '<html><head><meta http-equiv="Refresh" content="0; URL='
print 'http://jigsaw.w3.org/css-validator/validator?\
warning=0&profile=none&usermedium=all&text='
scope = STDIN.read
…
à - quelque chose - plus le long des goûts de
#!/usr/bin/env ruby
print '<html><head><meta http-equiv="Refresh" content="0; URL='
print 'http://jigsaw.w3.org/css-validator/validator?\
warning=2&vextwarning=true&profile=css3&usermedium=all&text='
scope = STDIN.read
…
Notez que j'ai aussi ajouté un level=css3 et changé le warninglevel. Alter ceux-ci, selon l'API, au besoin .
Si vous voulez voir tous les paramètres qui sont disponibles via le mécanisme soumettre "en ligne" .... ouvrent Firebug, ou l'inspecteur de Webkit, etc. . tout en soumettant une requête par leur forme et consultez la full request content pour obtenir encore plus d'options , au besoin ...
