Top

Base Structure

Dsure makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. Check if a directory exists fordsure/dsure.flat.css or dsure/dsure.css, dsure/dsure.modernizr.js, dsure/dsure.respond.js and dsure/dsure.png.js. If use flat style when the core CSS file is dsure.flat.css not dsure.css. 

 
HTML Code:

<!doctype html><!-- Template OK -->
<!--[if lt IE 7 ]> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]>    <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie9"> <![endif]-->
<!--[if !IE]><!--> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js"> <!--<![endif]-->

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Site Name</title>
    

    <!-- Dsure  Development Framework  begin  -->
        <link rel="stylesheet" type="text/css" href="dsure/dsure.flat.css" />
        <script src="dsure/dsure.modernizr.js"></script>
        <!--[if lt IE 7 ]>  
            <script src="dsure/dsure.png.js"></script>  
            <script>  
            DD_belatedPNG.fix('img, a, span, h1, h2, h3, em, section, header');
            document.execCommand("BackgroundImageCache", false, true);
            </script>  
        <![endif]-->  
    <!-- /Dsure Development Framework  end   -->
    
    <!-- Other extended .css&.js file  begin  -->
         ...  
    <!-- /Other extended .css&.js file  end   -->
    

    <!-- Dsure  Development Framework  begin  -->
        <!--[if lt IE 9]>  
            <script src="dsure/dsure.respond.js"></script>  
        <![endif]-->  
    <!-- /Dsure Development Framework  end   -->


</head>
<body>

    ....

</body>
</html>