blocks|key|1646136|text|这并不能直接回答您的问题，但在很多情况下，您可以将服务器“runat=”添加到常规的HTML标记中，以使ASP.Net知道这一点。如果您希望能够动态更改页面，但仍然允许设计者在页面上工作，那么这可能会使设计者的工作变得更容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1646137|<div+id="myDiv"+runat="server"></div>
<span+id="mySpan"+runat="server">|code-block|syntax|javascript|1646138|编辑：|1646139|我忘记提到的一件事(正如steve_c所指出的)是，添加runat="server“将更改标记的ID，这可能有点麻烦。如果你在你的CSS中使用ID，那你就有点倒霉了，但是在你的JavaScript中，你可以添加像<%25=+myDiv.ClientID+%25>这样的东西来获得由.Net生成的ID。|1646140|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This doesn't directly answer your question, but in a lot of cases, you can add runat="server" to a regular HTML tag to make ASP.Net aware of it. That might make things easier for the designer, if you want to be able to dynamically change the page, but still allow the designer to work on it.

<pre><code>&lt;div id="myDiv" runat="server"&gt;&lt;/div&gt;
&lt;span id="mySpan" runat="server"&gt;&lt;/span&gt;
</code></pre>

Edit:

One thing that I forgot to mention (as pointed out by steve_c) is that adding runat="server" will change the ID for the tag, which can be a little bit of a pain. You're kind of out of luck if you're using the ID in your CSS, but in your JavaScript you can add something like &lt;%= myDiv.ClientID %> to get the ID that was generated by .Net.

blocks|key|1646199|text|如果需要呈现特定的标记，htmlgenericcontrol可能会有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1646200|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|$]]

htmlgenericcontrol might be of help if you need to render a specific tag

blocks|key|1646271|text|Stephen的列表是相当全面的。不过，我会在其中添加以下注释：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1646272|这主要取决于已知的BrowserCaps。|1646273|1.x面板将呈现为IE6%2B中的div+-但是在火狐(或其他"+DownStream“浏览器-考虑DownStream，因为默认情况下Machine.Config中没有它的详细信息)，它将呈现为单个单元格表格-这可以通过在Machine.Config或Web.Configs中为Firefox+/Opera/Safari等提供更新的BrowserCaps来解决。|1646274|此外，Control+Adapter可以更改输出-例如，CSS+Control+Adapters将为大多数表格控件(登录、注册、中继器等)输出带样式的div。|1646275|请注意，在TechEd/PDC上宣布，默认情况下ASP.NET+4.0将内置CSS控件适配器。|1646276|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/461901/asp-net-control-to-html-tag-equivalent#462013|1|https://msdn.microsoft.com/en-us/library/sk9az15a(v=vs.90).aspx)|2|http://www.asp.net/CssAdapters/^0|0|7|0|0|9|B|1|0|0|S|K|2|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|F|3|G|5|6|7|15|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|O|P|Q|C|$R|U]]|V|$5|O|P|Q|C|$R|W]]]]

<a href="https://stackoverflow.com/questions/461901/asp-net-control-to-html-tag-equivalent#462013">Stephen</a>'s list is pretty comprehensive. I'd add the following notes to it though:

Mostly it depends on the known <a href="https://msdn.microsoft.com/en-us/library/sk9az15a(v=vs.90).aspx" rel="nofollow noreferrer">BrowserCaps</a>.

A 1.x Panel will render as a div in IE6+ - however in Firefox (or other "DownStream" browsers - considered DownStream because there were no details of it in the Machine.Config by default) it will render as a single cell Table - this could be resolved by supplying updated BrowserCaps for Firefox/Opera/Safari/etc, either in the Machine.Config or Web.Configs.

Also, Control Adapters can change the output - for example the <a href="http://www.asp.net/CssAdapters/" rel="nofollow noreferrer">CSS Control Adapters</a> will output styled divs for most of the tabular controls (login, registration, repeaters, etc).

Note that it was announced at TechEd/PDC that ASP.NET 4.0 will have the CSS control adapters built in by default.

blocks|key|1431345|text|protected+void+CreateHeaders(List<Group_Info>+group_Info)
{
++++foreach+(Group_Info+gi+in+group_Info)
++++{
++++++++HtmlGenericControl+groupContainer+=+new+HtmlGenericControl("DIV");
++++++++String+lastLableID+=+"disp"+%2B+gi.GroupName.ToString().Replace("+",+"");
++++++++groupContainer.ID+=+lastLableID;
++++++++groupContainer.Attributes.Add("class",+"content-groups");

++++++++HtmlGenericControl+groupTitle+=+new+HtmlGenericControl("DIV");
++++++++groupTitle.ID+=+lastLableID+%2B+"Sub1";
++++++++if+(gi.GroupName.Trim().Length+==+0)
++++++++++++groupTitle.Attributes.Add("class",+"titlebar-hidden");
++++++++else
++++++++{
++++++++++++groupTitle.Attributes.Add("class",+"titlebar");
++++++++++++groupTitle.InnerText+=+gi.GroupName.ToString().Trim();
++++++++}

++++++++groupContainer.Controls.Add(groupTitle);

++++++++CreateFields(gi,+ref+groupContainer);

++++++++this.pageContainer.Controls.Add(groupContainer);
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1431346|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>protected void CreateHeaders(List&lt;Group_Info&gt; group_Info)
{
 foreach (Group_Info gi in group_Info)
 {
 HtmlGenericControl groupContainer = new HtmlGenericControl("DIV");
 String lastLableID = "disp" + gi.GroupName.ToString().Replace(" ", "");
 groupContainer.ID = lastLableID;
 groupContainer.Attributes.Add("class", "content-groups");

 HtmlGenericControl groupTitle = new HtmlGenericControl("DIV");
 groupTitle.ID = lastLableID + "Sub1";
 if (gi.GroupName.Trim().Length == 0)
 groupTitle.Attributes.Add("class", "titlebar-hidden");
 else
 {
 groupTitle.Attributes.Add("class", "titlebar");
 groupTitle.InnerText = gi.GroupName.ToString().Trim();
 }

 groupContainer.Controls.Add(groupTitle);

 CreateFields(gi, ref groupContainer);

 this.pageContainer.Controls.Add(groupContainer);
 }
}
</code></pre>

I'm looking for a cheat sheet that will allow me to show an HTML designer the equivalent asp.net controls for standard HTML tags. As an example the &lt;asp:Panel> will render as an HTML &lt;div> and an &lt;asp:Label> will render as an HTML &lt;span>. I've been googling this to no avail. Can someone post a link to a good cheat sheet so that the designers on this project can understand the markup on the aspx pages more clearly. 

To be clear, I would like a link to a list of major ASP.NET controls, with descriptions as to how they would relate to standard HTML. It would be great if this were in PDF format or on an easy to read and print web page. The reason, in my case, would be that we have a PHP developer who is very familiar with HTML coming to work on our project, and I feel it would be useful to have a better understanding of standard ASP.NET server controls if I could hand him such a "cheat sheet". 

I'm referring mainly to the .NET 2.0 framework, but we are also doing work with 3.0/3.5.

ASP.NET Control to HTML tag equivalent

服务器

我正在寻找一个小抄，将允许我向一个超文本标记语言设计师展示标准超文本标记语言标签的等效asp.net控件。例如，<asp:Panel>将呈现为HTML，而<asp:Label>将呈现为HTML。我用谷歌搜索了一下也没什么用。有人可以张贴一个链接到一个很好的小抄，让这个项目的设计师可以更清楚地理解在aspx页面上的标记。...

问ASP.NET控件与HTML标记等效
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ASP.NET控件与HTML标记等效EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ASP.NET控件与HTML标记等效
EN