Template.html: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
A simple page, with character encoding. | A simple page, with a DOCTYPE and character encoding specified. NB: When using in PHP, the character set cannot be set with the <?xml> tag -- as this kind of tag conflicts with the PHP parser. | ||
<source lang="html4strict"> | <source lang="html4strict"> | ||
| Line 18: | Line 18: | ||
Example with placeholders for Javascript and CSS Stylesheets (both inline and external). | |||
<source lang="html4strict"> | <source lang="html4strict"> | ||
| Line 45: | Line 45: | ||
</script> | </script> | ||
</head> | </head> | ||
<!-- body with javascript hook (call function when page is finished loading --> | <!-- body with javascript hook (call function when page is finished loading --> | ||
<body onload="init()"> | <body onload="init()"> | ||
<p style="font-size: 14px">Hello</p> | <p style="font-size: 14px">Hello</p> | ||
</body> | </body> | ||
</html> | </html> | ||
</source> | </source> | ||
Revision as of 16:52, 5 January 2009
A simple page, with a DOCTYPE and character encoding specified. NB: When using in PHP, the character set cannot be set with the <?xml> tag -- as this kind of tag conflicts with the PHP parser.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Untitled</title>
</head>
<body>
<p>Hello world</p>
</body>
</html>
Example with placeholders for Javascript and CSS Stylesheets (both inline and external).
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>untitled</title>
<!-- external style sheet -->
<link rel="stylesheet" type="text/css" href="styles.css" />
<!-- external javascript -->
<script language="JavaScript" type="text/javascript" src="prototype.js">
</script>
<!-- inline stylesheet -->
<style type="text/css">
body {
font-family: Arial,Verdana,Helvetica,sans-serif;
}
</style>
<!-- inline javascript -->
<script type="text/javascript">
function init() {
alert("javascript says hello as well");
}
</script>
</head>
<!-- body with javascript hook (call function when page is finished loading -->
<body onload="init()">
<p style="font-size: 14px">Hello</p>
</body>
</html>