|
When you embed XHTML tags in mobile web pages, you will be able share your content across all types of hand-held mobile devices, such as mobile phones, and tablet PCs. XHTML behaves exactly like regular HTML and the markup language can also be manipulated as XML. Before you begin designing mobile web pages, make certain that you follow the design guidelines set by the W3C. Use the text editor or word processing program to help you embed XHTML tags on a mobile web page.
Instructions
Step 1:
Create a name for the mobile web page that you are designing. Save the web page as an XML document file. Embed the following XHTML tag on the XML document near the top of the page. If you want to embed XHTML Openwave's proprietary extensions, declare a different DOCTYPE. Keep in mind that the Document Type Definition outlines what tags are allowed and how they should be formatted on the mobile web page. Here's an example that you can follow:
"http://www.openwave.com/dtd/xhtml-mobile10.dtd">
Step 2:
Type the following HTML tags beneath the “DOCTYPE” tag. Replace the text, “Add your title name here” with a name that you want to use within the “TITLE” tag.
Step 3:
Type the following “LINK” tag on the mobile web page. This will embed the tag on the mobile web page, so that it supports Wireless Cascading Style Sheets (WCSS).
Step 4:
Type and embed the “BODY” tag underneath the closing tag. Continue designing the page, so that all of the text within the “BODY” tag is contained within the block level elements. For instance, the following H1 (Header 1) and P (Paragraph) tags are outlined in the XHTML specifications:
</HEAD>
<BODY>
<H1>Current Articles</H1>
<P><A HREF="http://www.xml.com/pub/a/2004/01/28/binaryxml.html">
Binary Waltz, Play On</A></P>
<P><A HREF="http://www.xml.com/pub/a/ws/2003/08/19/mobile.html">
A Web Services Strategy for Mobile Phones</A></P>
<P><A HREF="http://www.xml.com/pub/a/ws/2003/08/19/ksoap.html">
Low Bandwidth SOAP</A></P>
<P><A HREF="http://www.xml.com/pub/a/2003/08/13/deviant.html">
Binary XML, Again</A></P>
Step 5:
Embed the following XHTML tags on the mobile web page when are are finished designing it.
Tips:
You can use the following websites to validate the code on your mobile web page. The tests are designed to indicate the level of mobile-friendliness of a mobile web page layout. Â
Mobile Test Me: http://mobiletest.me/
MobiReady: http://ready.mobi/launch.jsp?locale=en_EN
W3C mobileOK Checker: http://validator.w3.org/mobile/
Â
.................................................................................................................................
For more interesting articles, please visit: "TechTutorials.net"
................................................................................................................................
 |
Internet & Websites 
