Können Anführungszeichen in HTML5-Attributwerten ignoriert werden?

<blockquote><p>HTML5-Attributwerte können Anführungszeichen ignorieren. In HTML5 sind die Anführungszeichen um den Attributwert im Tag optional, wenn der Attributwert keine Leerzeichen oder „““, „‘“, „`“, „=", „<", ">" enthält. und andere Sonderzeichen, es kann im Format ohne Anführungszeichen bleiben <!--”、“--></p></blockquote> <p><img src="https://img.php.cn/upload/article/202201/18/2022011810542942686.jpg" alt="Können Anführungszeichen in HTML5-Attributwerten ignoriert werden?" ></p> <p>Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer </p> <p>HTML5 kann einfache Anführungszeichen und doppelte Anführungszeichen verwenden , oder keine Anführungszeichen, die Anführungszeichen um den Attributwert im Tag sind optional, es ist jedoch immer noch üblich, ihn zu schreiben </p> <blockquote> <p>W3C-Arbeitsentwurf (13. Januar 2011): </p> <p>Der Attributwert kann ohne Anführungszeichen beibehalten werden , wenn Es enthält keine Leerzeichen oder Sonderzeichen wie <code>"</code>、<code>'</code>、<code>`</code>、<code>=</code> 、<code><</code>、<code>></code></p> </blockquote> <h2><strong>Detaillierte Erläuterung der Regeln, ob Anführungszeichen zu Attributwerten in HTML hinzugefügt werden sollen</strong></h2> <p><span style="font-size: 18px;"><strong>Erklärung: </strong></span></p> <p>Wenn das Attribut value ist ein Wort oder eine ganze Zeichenfolge (ohne Leerzeichen in der Mitte) ) Zeichen: Sie müssen keine Anführungszeichen hinzufügen</p> <p>Wenn der Attributwert aus mehreren Wörtern oder einer ganzen Zeichenfolge (mit Leerzeichen dazwischen) besteht: Sie benötigen Anführungszeichen hinzufügen</p> <p><span style="color:#a2e043;"><strong>Bemerkungen:</strong></span>Das Obige ist der ursprüngliche Text des Lehrers. Das Experiment ergab, dass das Hinzufügen von Anführungszeichen davon abhängt, ob der Wert Leerzeichen enthält. Wenn vorhanden, fügen Sie Anführungszeichen hinzu Sind keine Leerzeichen vorhanden, können Sie diese nicht hinzufügen [aber für gute Programmiergewohnheiten wird empfohlen, in beiden Fällen Anführungszeichen hinzuzufügen]</p> <p><strong><span style="font-size: 18px;">Experiment: </span></strong></p> <p><strong>Fall 1: Materialname (keine Leerzeichen im Namen) : </strong></p> <p> Code ① (Wert mit Anführungszeichen): </p> <pre class="brush:php;toolbar:false"><img src="images/163logo.gif" alt="logo"/></pre> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Normale Anzeige</p> <p>Code ② (Wert ohne Anführungszeichen): </p> <pre class="brush:php;toolbar:false"><img src=images/163logo.gif alt="logo"/></pre> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Normale Anzeige </p> <p><strong>Fall 2: Materialname (mit Leerzeichen im Namen): </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 ① (Wert mit Anführungszeichen): </p> <pre class="brush:php;toolbar:false"><img src="images/163 logo.gif" alt="logo"/></pre> <p><img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/00eae49203e0874f882870c50d05c6ca-0.png" style="max-width:90%">Normale Anzeige </p> <p>Code ② (Wert ohne Anführungszeichen): </p> <pre class="brush:php;toolbar:false"><img src=images/163 logo.gif alt="logo"/></pre> <p> <img alt="" style="max-width:90%" src="https://img.php.cn/upload/article/000/000/024/f0500214e16d3d9f8377585a2cdaef5a-4.png" style="max-width:90%">Bild nicht gefunden</p> <p><span style="color:#a2e043;"> Zusammenfassung: Das kann man sehen es gibt Leerzeichen im Wert, und der Wert muss in Anführungszeichen stehen, Sie können ihn hinzufügen oder nicht. </span></p> <p><span style="font-size: 18px;"><strong>Erweitertes Wissen: Einige leicht zu übersehende Details von HTML5 HTML5, Leerzeichen und Schrägstriche am Ende leerer Elemente werden ignoriert. </strong></span></p> <ul style="list-style-type: disc;">Anführungszeichen um Attributwerte sind optional, es ist jedoch üblich, sie weiterhin zu schreiben. Es ist nicht erforderlich, die Einheit für den numerischen Wert einzugeben Attribut, nur der Wert selbst. Einige Attribute im Tag akzeptieren beispielsweise nur vordefinierte Werte (auch als Aufzählungswerte bezeichnet). auch ein spezieller boolescher Attributwert im <li><p></p></li>-Tag. Wenn Sie den Wert eingeben müssen, geben Sie beispielsweise die Namenskonvention „hidden“ ein Verwenden Sie nur Kleinbuchstaben und - (Bindestrich) zwischen Wörtern, und die Erweiterung ist .html (obwohl .htm auch zur Darstellung von HTML-Seiten verwendet werden kann, wenn das Bild dies tut). nicht erfolgreich geladen oder wird nur über einen reinen Textbrowser angezeigt (extrem (weniger zugänglich), der Text wird angezeigt und von Screenreadern gelesen (Barrierefreiheit). Das <li><p></p></li>title-Tag muss sich innerhalb des Head-Tags und hinter dem Zeichenkodierungs-Meta-Tag befinden. <li><p></p></li>Verwandte Empfehlungen: „<li>HTML-Video-Tutorial<p>“</p> </li> </ul>

Das obige ist der detaillierte Inhalt vonKönnen Anführungszeichen in HTML5-Attributwerten ignoriert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!