blocks|key|79130|text|GitHub中有一个文档，概述了一个合理的HTML开发风格指南。我建议你读一下。https://github.com/necolas/idiomatic-html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|79131|HTML属性应该按照这样的顺序列出，即类名是CSS和JavaScript选择元素的主要接口。|ordered-list-item|79132|班级|unordered-list-item|79133|id|79134|数据-*|79135|其他一切|79136|示例：|79137|<a+class="[value]"+id="[value]"+data-name="[value]"+href="[url]">[text]</a>|code-block|syntax|javascript|79138|关于评论意见：|79139|是一个HTML注释。|style|CODE|79140|/*+comment+*/是CSS和JavaScript注释。|79141|简单地说，：有风格！|BOLD|79142|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/necolas/idiomatic-html^0|14|15|0|0|0|0|0|0|0|0|0|0|0|L|0|0|D|0|5|5|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@$A|1G|B|1H|1|1I]]|C|$]]|$1|D|3|E|5|F|7|1J|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1K|8|@]|9|@]|C|$]]|$1|J|3|K|5|I|7|1L|8|@]|9|@]|C|$]]|$1|L|3|M|5|I|7|1M|8|@]|9|@]|C|$]]|$1|N|3|O|5|I|7|1N|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1O|8|@]|9|@]|C|$]]|$1|R|3|S|5|T|7|1P|8|@]|9|@]|C|$U|V]]|$1|W|3|X|5|F|7|1Q|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|1R|8|@$A|1S|B|1T|10|11]]|9|@]|C|$]]|$1|12|3|13|5|6|7|1U|8|@$A|1V|B|1W|10|11]]|9|@]|C|$]]|$1|14|3|15|5|6|7|1X|8|@$A|1Y|B|1Z|10|16]]|9|@]|C|$]]|$1|17|3|-4|5|6|7|20|8|@]|9|@]|C|$]]]|18|$19|$5|1A|1B|1C|C|$1D|1E]]]]

<p>There's a document in GitHub that outlines a reasonable style guide for HTML development.
I suggest you read it.
<a href="https://github.com/necolas/idiomatic-html" rel="nofollow noreferrer">https://github.com/necolas/idiomatic-html</a></p>
<ol>
<li>HTML attributes should be listed in an order that reflects the fact that class names are the primary interface through which CSS and JavaScript select elements.</li>
</ol>
<ul>
<li>class</li>
<li>id</li>
<li>data-*</li>
<li>Everything else</li>
</ul>
<p>Example:</p>
<pre><code>&lt;a class=&quot;[value]&quot; id=&quot;[value]&quot; data-name=&quot;[value]&quot; href=&quot;[url]&quot;&gt;[text]&lt;/a&gt;
</code></pre>
<ol start="2">
<li>About comments:</li>
</ol>
<p><code>&lt;!-- some comment --&gt;</code> is a HTML comment.</p>
<p><code>/* comment */</code>
is a CSS and JavaScript comment.</p>
<p><strong>In short: Have a style!</strong></p>


blocks|key|165796|text|关于你的第一个问题，你可以使用一个名字或id，或两者兼用。你不需要使用所有的，甚至其中的一个。关于你的第二个问题，这个注释-对于Html，和这个注释-+/*一些注释*/用于CSS。如果您在其他文件中尝试这些注释，则不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|165797|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>About your first question, you can use a name or id or both. you don't have to use all of them or even one of them.
About your second question, this comment -  for Html, and this comment - /* some comment */ for the CSS. If you try those comments in other files, it doesn't work.</p>


blocks|key|75056|text|HTML标记属性没有特定的顺序，也就是说，只要添加了所有必需的属性，就可以按任何顺序添加它。|type|ordered-list-item|depth|inlineStyleRanges|entityRanges|data|75057|是HTML注释，/*+some+comment+*/是CSS和JS注释(以及其他一些语言，比如Swift和Objective)。|offset|length|style|CODE|75058|unstyled|entityMap^0|0|0|L|T|I|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@$D|M|E|N|F|G]|$D|O|E|P|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|I|7|Q|8|@]|9|@]|A|$]]]|J|$]]

<ol>
<li><p>There is no specific order for the HTML tag attributes, i.e. you can add it in any order, as long as all required attributes are added.</p>
</li>
<li><p><code>&lt;!-- some comment --&gt;</code> is HTML comment, <code>/* some comment */</code> is CSS and JS comment (and some other languages as well, such as Swift and Objective-C).</p>
</li>
</ol>


blocks|key|75142|text|第一个问题，答案是否定的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|75143|不，您不需要特定的顺序来设置HTML元素的属性，您可以这样做|75144|<label+class="someClass"+id="someID"></label>|code-block|syntax|javascript|75145|或|75146|<label+id="someID"+class="someClass"></label>|75147|HTML元素的属性顺序并不重要，但是HTML元素本身的顺序确实很重要。|75148|例如：|75149|此HTML代码：|75150|<label+for="firstName">First+Name:+</label>
<input+type="text"+id="firstName"+name="firstName">|75151|不应该/不能这样写：|75152|<input+type="text"+id="firstName"+name="firstName">
<label+for="firstName">First+Name:+</label>|75153|第二个问题|75154|此语法仅用于HTML文档。|offset|length|style|CODE|75155|而此语法/*+Comment+*/仅用于CSS文档。|75156|但这并不意味着您不能在HTML中使用这个语法，例如在/*+Comment+*/中的style标记中，您可以直接在HTML文档中编写CSS，您可以使用CSS注释语法|75157|75158|<style>
++/*+This+is+a+CSS+Comment+*/
++h1+{+background-color:+#ccc;+}
</style>
<h1>Hey+There+Brother!</h1>|75159|也可以在HTML元素的style属性中使用CSS注释语法。|75160|例如|75161|<h1+style="background-color:+#ccc;+/*+This+is+a+CSS+Comment+*/">Hey+There+Brother!</h1>|75162|但是您不能在CSS中使用HTML注释语法，可能有一个例外，我不知道，但据我所知，您不能。|75163|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|3|G|0|4|D|0|Q|D|15|5|0|0|0|B|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1R|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1S|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1T|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1U|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1V|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1W|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1X|8|@]|9|@]|A|$G|H]]|$1|Y|3|Z|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1Z|8|@$12|20|13|21|14|15]]|9|@]|A|$]]|$1|16|3|17|5|6|7|22|8|@$12|23|13|24|14|15]]|9|@]|A|$]]|$1|18|3|19|5|6|7|25|8|@$12|26|13|27|14|15]|$12|28|13|29|14|15]]|9|@]|A|$]]|$1|1A|3|P|5|6|7|2A|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|F|7|2B|8|@]|9|@]|A|$G|H]]|$1|1D|3|1E|5|6|7|2C|8|@$12|2D|13|2E|14|15]]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|2F|8|@]|9|@]|A|$]]|$1|1H|3|1I|5|F|7|2G|8|@]|9|@]|A|$G|H]]|$1|1J|3|1K|5|6|7|2H|8|@]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|2I|8|@]|9|@]|A|$]]]|1M|$]]

<h1>First question, The answer is No.</h1>
<p>No you don't need a specific order to set properties of a HTML element, you can do this</p>
<pre class="lang-html prettyprint-override"><code>&lt;label class=&quot;someClass&quot; id=&quot;someID&quot;&gt;&lt;/label&gt;
</code></pre>
<p>Or</p>
<pre class="lang-html prettyprint-override"><code>&lt;label id=&quot;someID&quot; class=&quot;someClass&quot;&gt;&lt;/label&gt;
</code></pre>
<p>the order of attributes of a HTML element doesn't matter, but order of the HTML element itself does matter.</p>
<p>For Example:</p>
<p>This HTML Code:</p>
<pre class="lang-html prettyprint-override"><code>&lt;label for=&quot;firstName&quot;&gt;First Name: &lt;/label&gt;
&lt;input type=&quot;text&quot; id=&quot;firstName&quot; name=&quot;firstName&quot;&gt;
</code></pre>
<p>Shouldn't/Can't Be Written as this:</p>
<pre class="lang-html prettyprint-override"><code>&lt;input type=&quot;text&quot; id=&quot;firstName&quot; name=&quot;firstName&quot;&gt;
&lt;label for=&quot;firstName&quot;&gt;First Name: &lt;/label&gt;
</code></pre>
<h1>Second question</h1>
<p>this Syntax <code>&lt;!-- Comment --&gt;</code> is used in only HTML Documents</p>
<p>whereas this Syntax <code>/* Comment */</code> is used in only CSS Documents</p>
<p>But this doesn't mean you can't use this syntax in HTML <code>/* Comment */</code>, for example inside of <code>style</code> tag in HTML, you can directly write CSS inside your HTML Document you can use the CSS Comment Syntax</p>
<p>For Example:</p>
<pre class="lang-html prettyprint-override"><code>&lt;style&gt;
  /* This is a CSS Comment */
  h1 { background-color: #ccc; }
&lt;/style&gt;
&lt;h1&gt;Hey There Brother!&lt;/h1&gt;
</code></pre>
<p>Or you can use the CSS Comment Syntax in the <code>style</code> attribute of a HTML Element.</p>
<p>For Example</p>
<pre class="lang-html prettyprint-override"><code>&lt;h1 style=&quot;background-color: #ccc; /* This is a CSS Comment */&quot;&gt;Hey There Brother!&lt;/h1&gt;
</code></pre>
<p>But you can't use HTML Comment Syntax inside of CSS, there might be an exception which i don't know but as far as i know you can't.</p>


<p>I have some questions:</p>
<ol>
<li>If you type something like this <code>&lt;label type=&quot;&quot; id=&quot;&quot; name=&quot;&quot;&gt;</code>, is there a specific order that <strong>needs to be adhered to</strong> when it comes to <code>type</code>, <code>id</code>, <code>name</code>, <code>etc</code>, or is considered <em>best practice</em> to just follow the examples shown on let's say W3Schools?</li>
<li>What's the difference between commenting using <code>&lt;!-- some comment --&gt;</code> and <code>/* some comment */</code>? I (think I) observed that both sometimes work in either a HTML <em>and</em> a CSS document</li>
</ol>


Is there a specific order for <label for="" type="" ...></label>?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一些问题：如果您键入类似于此<label type="" id="" name="">的内容，那么当涉及到type、id、name、etc时，是否有特定的顺序要求必须遵守，或者仅仅遵循在W3Schools上显示的示例就被认为是最佳实践？使用和/* some comment */进行注释有什么区别？我(认为我)注意到，两者有时都在HTML和CSS文档中工

问<label for=“type=”.></label>是否有特定的订单？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<label for=“type=”.></label>是否有特定的订单？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<label for=“type=”.></label>是否有特定的订单？
EN