Les guillemets peuvent-ils être ignorés dans les valeurs d'attribut HTML5 ?

<blockquote><p>Les valeurs d'attribut html5 peuvent ignorer les guillemets. En HTML5, les guillemets autour de la valeur de l'attribut dans la balise sont facultatifs si la valeur de l'attribut ne contient pas d'espaces ni de """, "'", "`", "=", "<", "> et d'autres symboles spéciaux, il peut rester au format sans guillemets <!--”、“--></p></blockquote> <p><img src="https://img.php.cn/upload/article/202201/18/2022011810542942686.jpg" alt="Les guillemets peuvent-ils être ignorés dans les valeurs d'attribut HTML5 ?" ></p> <p>L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3 </p> <p>html5 peut utiliser des guillemets simples, des guillemets doubles. , ou pas de guillemets , les guillemets autour de la valeur de l'attribut dans la balise sont facultatifs, mais il est toujours d'usage de l'écrire </p> <blockquote> <p>W3C Working Draft (13 janvier 2011) : </p> <p>La valeur de l'attribut peut être conservée sans guillemets. , s'il ne contient pas d'espaces ou de symboles spéciaux tels que <code>"</code>、<code>'</code>、<code>`</code>、<code>=</code> 、<code><</code>、<code>></code></p> </blockquote> <h2><strong>Explication détaillée des règles permettant d'ajouter ou non des guillemets aux valeurs d'attribut en HTML</strong></h2> <p><span style="font-size: 18px;"><strong>Explication : </strong></span></p> <p>Lorsque l'attribut la valeur est un mot ou une chaîne entière (sans espaces au milieu) : vous n'avez pas besoin d'ajouter des guillemets</p> <p>Lorsque la valeur de l'attribut est composée de plusieurs mots ou d'une chaîne entière de caractères (avec des espaces entre les deux) : vous avez besoin pour ajouter des guillemets</p> <p><span style="color:#a2e043;"><strong>Remarques :</strong></span>Ce qui précède sont les mots originaux de l'enseignant, personnellement L'expérience a révélé que l'ajout de guillemets dépend de la présence ou non d'espaces dans la valeur. S'il y a des espaces, ajoutez des guillemets. il n'y a pas d'espaces, vous ne pouvez pas les ajouter [mais pour de bonnes habitudes de programmation, il est recommandé d'ajouter des guillemets dans les deux cas]</p> <p><strong><span style="font-size: 18px;">Expérience : </span></strong></p> <p><strong>Cas 1 : Nom du matériau (pas d'espaces dans le nom) : </strong></p> <p> Code ① (valeur avec guillemets) : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src="images/163logo.gif" alt="logo"/></pre><div class="contentsignin">Copier après la connexion</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Affichage normal</p> <p>Code ② (valeur sans guillemets) : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src=images/163logo.gif alt="logo"/></pre><div class="contentsignin">Copier après la connexion</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Affichage normal </p> <p><strong>Cas 2 : Nom du matériau (avec des espaces dans le nom) : </strong></p> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-2.png" style="max-width:90%"></p> <p> Code ① (valeur avec guillemets) : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src="images/163 logo.gif" alt="logo"/></pre><div class="contentsignin">Copier après la connexion</div></div> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Affichage normal </p> <p>Code ② (valeur sans guillemets) : </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><img src=images/163 logo.gif alt="logo"/></pre><div class="contentsignin">Copier après la connexion</div></div> <p> <img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/f0500214e16d3d9f8377585a2cdaef5a-4.png" style="max-width:90%">Image introuvable</p> <p><span style="color:#a2e043;"> Résumé : On voit qu'il y a des espaces dans la valeur, et la valeur doit être placée entre guillemets. S'il n'y a pas d'espaces dans la valeur, vous pouvez l'ajouter ou non </span></p> <p><span style="font-size: 18px;"><strong>Connaissances approfondies : Certains détails facilement négligés de html5</strong></span> </p> <ul style="list-style-type: disc;"> <li><p>. En HTML5, les espaces et les barres obliques à la fin des éléments vides peuvent être ignorés. </p></li> <li><p>Les guillemets autour de la valeur de l'attribut sont facultatifs, mais il est d'usage de toujours les écrire. Il n'est pas nécessaire de saisir l'unité pour la valeur numérique. de l'attribut, juste la valeur elle-même. Par exemple, certains attributs de la balise n'acceptent que des valeurs prédéfinies (également appelées valeurs d'énumération). Par exemple, certains attributs d'entrée peuvent être n'importe quelle valeur. Il y a aussi une valeur d'attribut booléen spéciale dans la balise </p></li> <li><p> Si elle apparaît, cela signifie vrai. Si vous devez remplir la valeur, remplissez-la par exemple, Hidden="hidden" convention de dénomination : C'est le cas. il est préférable d'utiliser toutes les lettres minuscules et - (tiret) entre les mots. ) pour séparer les mots, et l'extension est .html (bien que .htm puisse également être utilisé pour représenter les pages HTML. L'attribut alt dans la balise img est utilisé si le). l'image ne se charge pas correctement ou n'est affichée que via un navigateur de texte uniquement (extrêmement moins). L'accès affichera le texte et un lecteur d'écran le lira (accessibilité). La balise </p></li> <li><p>title doit être située à l’intérieur de la balise head et derrière la balise méta d’encodage des caractères. </p></li> <li> <p>Recommandations associées : "</p>Tutoriel vidéo HTML</li>"<li> </ul>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!