The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony Williams
0 likes274 views
The document discusses techniques for making ASP.NET web forms conform to web standards. It begins by showing how to set the default page and form structure to be XHTML compliant. It then covers using the XhtmlConformance mode to control validation and discusses using ASP.NET server controls like the Repeater to generate semantic HTML like unordered lists and tables. Finally, it addresses adding attributes like alt text to images to improve accessibility.
![// You’ll need .NET 3.0 (but seriously, use 3.5) for this to work, as well as needing to import
// (using) the System.Linq and System.Collections.Generic namespaces in all code files that use this.
// Put the ControlHelper class somewhere in your solution ‐ not necessarily your page:
public static class ControlHelper
{
public static IEnumerable<Control> AllControls(this ControlCollection Controls)
{
foreach (Control CurrentControl in Controls)
{
foreach(var ChildControls in CurrentControl.Controls.AllControls())
{
yield return ChildControls;
}
yield return CurrentControl;
}
}
}
// Then run this code in your pages that have img elements with runat="server" attributes:
IEnumerable<HtmlImage> ImageControls =
Page.Controls
.AllControls()
.OfType<HtmlImage>()
.Where(r => r.Attributes["alt"] == null);
foreach (HtmlImage ImageControl in ImageControls) ImageControl.Attributes.Add("alt", "");](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-57-320.jpg)
![<((script|style|iframe|object|embed)b[^>]*)>(.*?)</2>](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-75-320.jpg)
![(script|style|iframe|object|embed)
<((script|style|iframe|object|embed)b[^>]*)>(.*?)</2>](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-76-320.jpg)
![// Create a string loaded with our HTML
String InputHtml = " ... ";
// Create a new regular expression, and make sure you treat the
// entire input as a single line, so that you match n in your
// dot (.) matches.
Regex re = new Regex(
@"<((script|style|iframe|object|embed)b[^>]*)>(.*?)</2>",
RegexOptions.Singleline
);
// Create a new string which replaces any instance of ‘naughty’
// code with a blank string.
String OutputHtml = re.Replace(InputHtml, String.Empty);](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-77-320.jpg)
![&(?!(?:[a‐zA‐Z][a‐zA‐Z0‐9]*|#d+);)(?!(?>(?:(?!<![CDATA[|]]>).)*)]]>)](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-82-320.jpg)
![public override void Render(HtmlTextWriter writer)
{
using (HtmlTextWriter HtmlWriter = new HtmlTextWriter(new System.IO.StringWriter()))
{
base.Render(HtmlWriter);
string Html = HtmlWriter.InnerWriter.ToString();
// Create the regular expression to find the un‐encoded ampersands...
Regex re = new Regex(
@"&(?!(?:[a‐zA‐Z][a‐zA‐Z0‐9]*|#d+);)(?!(?>(?:(?!<![CDATA[|]]>).)*)]]>)",
RegexOptions.Multiline | RegexOptions.IgnoreCase
);
// Use it to replace them with encoded ampersands (&)
Html = re.Replace("&");
// Send the HTML to the browser
HtmlWriter.Write(Html);
}
}](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-83-320.jpg)
![public override void Render(HtmlTextWriter writer)
{
using (HtmlTextWriter HtmlWriter = new HtmlTextWriter(new System.IO.StringWriter()))
{
base.Render(HtmlWriter);
string Html = HtmlWriter.InnerWriter.ToString();
// Create the regular expression to find the un‐encoded ampersands...
Regex re = new Regex(
@"&(?!(?:[a‐zA‐Z][a‐zA‐Z0‐9]*|#d+);)(?!(?>(?:(?!<![CDATA[|]]>).)*)]]>)",
RegexOptions.Multiline | RegexOptions.IgnoreCase
);
// Use it to replace them with encoded ampersands (&)
Html = re.Replace("&");
// Send the HTML to the browser
HtmlWriter.Write(Html);
}
}](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-84-320.jpg)
![<p>Some HTML that will include some encoded ampersands & like
that one, some double encoded ampersands like this one &amp;
and some unencoded ampersands, like this one & and this one &.
Unfortunately& this &ersand here could actually mean something
else.</p>
<script type="text/javascript">
// <![CDATA[
if (a && b) doSomething("a & b & c");
// ]]>
</script>](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-85-320.jpg)
![<p>Some HTML that will include some encoded ampersands & like
that one, some double encoded ampersands like this one &amp;
and some unencoded ampersands, like this one & and this one
&. Unfortunately& this &ampersand here could actually
mean something else.</p>
<script type="text/javascript">
// <![CDATA[
if (a && b) doSomething("a & b & c");
// ]]>
</script>](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-86-320.jpg)
![public override void Render(HtmlTextWriter writer)
{
using (HtmlTextWriter HtmlWriter = new HtmlTextWriter(new System.IO.StringWriter()))
{
base.Render(HtmlWriter);
string Html = HtmlWriter.InnerWriter.ToString();
// Create the regular expression to find the un‐encoded ampersands...
Regex re = new Regex(
@"&(?!(?:[a‐zA‐Z][a‐zA‐Z0‐9]*|#d+);)(?!(?>(?:(?!<![CDATA[|]]>).)*)]]>)",
RegexOptions.Multiline | RegexOptions.IgnoreCase
);
// Use it to replace them with encoded ampersands (&)
Html = re.Replace("&");
// Send the HTML to the browser
HtmlWriter.Write(Html);
}
}](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-87-320.jpg)
![public override void Render(HtmlTextWriter writer)
{
using (HtmlTextWriter HtmlWriter = new HtmlTextWriter(new System.IO.StringWriter()))
{
base.Render(HtmlWriter);
string Html = HtmlWriter.InnerWriter.ToString();
// Create the regular expression to find the un‐encoded ampersands...
Regex re = new Regex(
@"&(?!(?:[a‐zA‐Z][a‐zA‐Z0‐9]*|#d+);)(?!(?>(?:(?!<![CDATA[|]]>).)*)]]>)",
RegexOptions.Multiline | RegexOptions.IgnoreCase
);
// Use it to replace them with encoded ampersands (&)
Html = re.Replace("&");
// Send the HTML to the browser
HtmlWriter.Write(Html);
}
}](https://image.slidesharecdn.com/themultipackpresents-wrestlingwithasp-netandwebstandardsbyanthonywilliams-090613052811-phpapp02/85/The-Multipack-Presents-Wrestling-With-Asp-Net-And-Web-Standards-by-Anthony-Williams-88-320.jpg)
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony Williams
- 1. Wrestling with ASP.NET and Web Standards Anthony Williams Image: c http://www.flickr.com/photos/kenmccown/220565863
- 2. Hello! Image: c Me
- 3. Work for a Car Dealer Group Image: © Listers Group. Used with permission.
- 4. IW ork He re Work for a Car Dealer Group Image: © Listers Group. Used with permission.
- 5. NOT a used car salesman Image: © http://www.bbc.co.uk/comedy/fastshow/wallpaper/images/swiss_1024.jpg
- 6. Windows IIS SQL Server ASP.NET Image: © Microsoft
- 7. ASP ≠ ASP.NET Image: c http://www.flickr.com/photos/planettelex/826864344
- 8. Web Standards + ASP.NET Image: c http://www.flickr.com/photos/wheatfields/515063339
- 9. Before we start... Image: c http://www.flickr.com/photos/paix_et_amour/2398468615
- 10. ★ .NET 3.5 ★ C# ★ XHTML 1.0 Transitional Image: c http://www.flickr.com/photos/paix_et_amour/2398468615
- 11. 1 Out of the box Image: c http://www.flickr.com/photos/z287marc/3189567558
- 15. XHTML Conformance Image: c http://www.flickr.com/photos/mikahiironniemi/76988191
- 17. <system.web> <XhtmlConformance mode="Strict" /> mode="Strict" </system.web>
- 22. <!DOCTYPE html PUBLIC "‐//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1‐ strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title></head> <body> Won’t Validate <form name="form1" method="post" action="Default.aspx" id="form1"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/ wEPDwULLTE2MTY2ODcyMjlkZCHkJbOA8HXUlbSk8AyRMGmtOpja" /> </div> <div> </div> </form> </body> </html>
- 24. <system.web> <XhtmlConformance mode="Legacy" /> mode="Legacy" </system.web>
- 26. 2 <asp:repeater /> Image: c http://www.flickr.com/photos/beatxm/2535486395
- 31. 3 runat="server" Image: http://users.upwardaccess.com/plong/images/btvserver_treadmill.jpg
- 32. visible="false" Image: c http://www.flickr.com/photos/antonystanley/3093398360
- 40. 4 Blank Alt Text Image: c http://www.flickr.com/photos/wolfsoul/1368661325
- 43. <img id="Image1" src="accept.png" style="border‐width:0px;" /> style="border‐width:0px;"
- 49. <asp:image runat="server" id="Image1" imageurl="~/accept.png" alternatetext="" generateemptyalternatetext="true" /> generateemptyalternatetext="true"
- 58. 5 Dealing with Submissions Image: c http://www.flickr.com/photos/barnett/2836828090
- 59. Content Editors Image: c http://www.flickr.com/photos/kristiand/3223920178
- 60. Sanitise user input Image: c http://www.flickr.com/photos/herrolm/2699835587
- 61. Sanitise user input c http://xkcd.com/327/ Image: c http://www.flickr.com/photos/herrolm/2699835587
- 64. Exception Details: System.Web.HttpRequestValidationException Image: c http://www.flickr.com/photos/herrolm/2699835587
- 65. !"#$%&'($)&*+,&-(.(/0(1-234&*1(3$"5 Image: c http://www.flickr.com/photos/herrolm/2699835587
- 66. !"#$%&'($)&*+,&-(.(/0(1-234&*1(3$"5 Image: c http://www.flickr.com/photos/herrolm/2699835587
- 67. !"#"$%&'(%)* ++++++!,-.%"+/-012-$%3%45%"$678-0"%7+9* !9"#"$%&'(%)* Image: c http://www.flickr.com/photos/herrolm/2699835587
- 69. Server.HtmlEncode Image: c http://www.flickr.com/photos/herrolm/2699835587
- 70. Server.HtmlEncode String.Replace() Image: c http://www.flickr.com/photos/herrolm/2699835587
- 71. Server.HtmlEncode String.Replace() Regular Expressions Image: c http://www.flickr.com/photos/herrolm/2699835587
- 79. Validating (X)HTML Image: http://www.aharef.info/static/htmlgraph/?url=http://listersgroup.co.uk
- 80. Ampersands Image: c http://www.flickr.com/photos/mattwright/237415989
- 81. Render it Yourself Image: c http://www.flickr.com/photos/brullonulla/2971684462
- 89. ★ Standards out of the box ★ Use the repeater control ★ Use HTML controls (runat=”server”) ★ Fix ASP.NET’s handling of alt=”” ★ Be careful with user submissions Image: c http://www.flickr.com/photos/runneralan/3091055611
- 90. Questions? Image: c http://www.flickr.com/photos/seandreilinger/2326448445
- 91. Slides: http://slideshare.net/ abitgone Image: c http://www.flickr.com/photos/videocrab/116136642
- 92. Videos: vimeo.com/channels/ multipackpresents Image: c http://www.flickr.com/photos/videocrab/116136642
- 93. Thank you! Twitter: @abitgone Web: abitgone.co.uk Email/Jabber: anthony@abitgone.co.uk