HTML and CSS Reference
In-Depth Information
Notice that there is also an option for the Page Inspector. This is a new tool that is introduced with Visual
Studio 2012. Select this option and then press F5 to debug your application. The first time you use the Page
Inspector you'll need to enable it in the
web.config
file. The dialog box shown in Figure
2-7
explains this. Just click
the Yes button to continue.
Figure 2-7.
Enabling the Page Inspector
In addition to the browser window there are several other windows that provide useful information about
the current web page. At the bottom, the HTML tab shows the actual HTML that is generated by ASP.NET. Select
the User Name control in the page view and the relevant markup is highlighted as shown in Figure
2-8
.
Figure 2-8.
The HTML generated for the user name control
Except for the rather cryptic control name and id, this is standard HTML5 syntax. In particular, notice the
following attributes; the email
type
value and the
placeholder
attribute are new in HTML5:
type="email"
placeholder="use your email address"
he
placeholder
attribute that you entered in the
.aspx
page is not an ASP.NET attribute. It was not
processed by .NET but passed directly to the generated HTML.
Notice also the pane to the right that provides several tabs for viewing the CSS styles. I've selected the
Attributes tab, which shows the values for all of the element's attributes. The other tabs show you the styles that
are applied. Stop the debugger to close the page inspector.
