<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title></title> <link rel="stylesheet" href="" type="text/css"></link> </head> <body> </body> </html>
Tag Archive for xhtml
XHTML 1.0 Strict Template
Easy Margin Helper Classes
/******* Margin Helpers *******/
/* Margin-All */
.m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; }
/* Margin-left */
.ml-3 { margin-left: 3px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; }
/* Margin-right */
.mr-3 { margin-right: 3px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; }
/* Margin-Horizontal */
.mh-5 { margin-left: 5px; margin-right: 5px; } .mh-10 { margin-left: 10px; margin-right: 10px; } .mh-15 { margin-left: 15px; margin-right: 15px; } .mh-20 { margin-left: 20px; margin-right: 20px; } .mh-25 { margin-left: 25px; margin-right: 25px; } .mh-30 { margin-left: 30px; margin-right: 30px }
/* Margin Vertical */
.mv-5 { margin: 5px 0; } .mv-10 { margin: 10px 0; } .mv-15 { margin: 15px 0; } .mv-20 { margin: 20px 0; } .mv-25 { margin: 25px 0px; } .mv-25 { margin:30px 0; }
/* Margin-bottom */
.mt-3 { margin-bottom: 3px; } .mt-5 { margin-bottom: 5px; } .mt-10 { margin-bottom: 10px; } .mt-15 { margin-bottom: 15px; } .mt-20 { margin-bottom: 20px; } .mt-25 { margin-bottom: 25px; } .mt-30 { margin-bottom: 30px; }
/* Margin-bottom */
.mb-3 { margin-bottom: 3px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; }
XHTML Skeleton
<!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" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>${1:${TM_FILENAME/((.+)..*)?/(?2:$2:Page Title)/}}</title>
<link rel="${3:stylesheet}" href="${4:css/master.css}" type="text/css" media="${5:screen}" title="${6:no title}" charset="${7:utf-8}" />
</head>
<body>
$0
</body>
</html>
CSS Debug with Debug Class
.debug { background: #0e0; }
.debug * { background:#cf0; }
.debug * { background: #cf9 }
.debug * * { background: #fc0 }
.debug * * * { background: #fcc }
.debug * * * { background: #fca }
xhtml 1.0 transitional template
<!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>The Title</title> <!-- meta tags --> <base href="" /> <meta name="author" content="#" /> <meta name="description" content="#" /> <meta name="copyright" content="#" /> <meta name="robots" content="#" /> <meta name="generator" content="#" /> <meta name="keywords" content="#" /> <meta http-equiv="expires" content="#" /> <meta http-equiv="cache-control" content="#" /> <!-- favicon --> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <!-- CSS --> <link rel="stylesheet" href="/stylesheets/screen.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="/stylesheets/print.css" type="text/css" media="print" /> <!-- javascript --> <!-- conditional content --> <!--[if IE]> <link rel="stylesheet" href="/stylesheets/ie-all.css" type="text/css" media="screen, projection" /> <![endif]--> </head> <body> </body> </html>
Category: Uncategorized |
Tags: xhtml
XHTML 1.0 Strict New Doc (Two-Column)
<!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" xml:lang="en" lang="en"> <head> <title>New Doc</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="imagetoolbar" content="no" /> <!-- / Meta --> <link rel="stylesheet" type="text/css" href="css/base.css" /> <!-- / Stylesheet resources --> <script type="text/javascript" src="js/common.js"></script> <!-- / JavaScript resources --> <link rel="Shortcut Icon" href="imgs/favicon.ico" type="image/x-icon" /> <!-- / Other resources --> </head> <body> <div id="jacket"> <div id="header"> <h1>headline 1</h1> </div> <!-- / header --> <div id="nav"> <ul> <li><a href="#">nav 1</a></li> <li><a href="#">nav 2</a></li> </ul> </div> <!-- / nav --> <div id="container"> <div id="content"> <h2>headline 2</h2> <p>body 1 para <a href="#" rel="external" title="#">external link</a></p> <h3>headline 3</h3> <img src="#" alt="" /> <h4>headline 4</h4> </div> <!-- / content --> <div id="sidebar"> <h5>headline side 1</h5> <p>para para</p> <ul> <li>list 1</li> </ul> </div> <!-- / sidebar --> </div> <!-- / container --> <div id="feets"> <p>Copyright © 2009.</p> </div> <!-- / feets --> </div> <!-- / jacket (wrapper) --> </body> </html>
Category: Uncategorized |
Tags: xhtml
XHTML 1.0 Strict Template
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> </body> </html>
e Text Editor XHTML Skeleton
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>${1:${TM_FILENAME/((.+)..*)?/(?2:$2:Page Title)/}}</title>
<link rel="${3:stylesheet}" href="${4:/css/master.css}" type="text/css" media="${5:screen}" title="${6:no title}" charset="${7:utf-8}" />
</head>
<body>
$0
</body>
</html>
valid JS in XHTML
<script type="text/javascript"> // <![CDATA[ // ]]> </script>