Advanced Search

Return to Snippet

Revision: 67674
at October 15, 2014 15:50 by jacktan
Updated Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--html必须要有xmlns属性，用来告诉浏览器和搜索引擎网页的语言（非网页的编码）;zh-CN是中文简体，zh-HK是繁体，语言属性及<meta>可以让你的网页“搜索引擎友好”-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN" dir="ltr">
  <head>
    <title>中文网页模板-xhtml1-strict</title>
 
    <!--Begin meta部分 http-equiv是常用的属性，此外name/content作为一种开放的属性，相当于键值对-->
    <meta http-equiv="Content-type" content="text/html; charset=utf8" /><!--浏览器接受到response中的网页部分时（区别于response本身的编码），根据charset对内容进行编码解析-->
    <meta http-equiv="Content-Language" content="zh-cn" /><!--TODO:和html中的lang联系-->
    <meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript" />
    <meta name="description" content="中文网页模板最佳xhtml实践" />
    <!--End meta部分-->
 
    <!--Begin 外部样式/css/style的正确引入方式，并采用适当的命名和引入顺序-->
    <link rel="stylesheet" type="text/css" href="templete.css" media="screen" /><!--用link rel而不用src；浏览器都支持的4个link属性-->
    <link rel="stylesheet" type="text/css" href="templete-android.css" media="handheld" /><!--用于手持终端如安卓-->
    <!--End 外部样式/css/style-->
 
    <link href="http://git.oschina.net/assets/favicon-28020a6101d7a4058376a3e5927c64d5.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
 
    <!--Begin 外部脚本/js的正确引入方式，并采用适当的命名和引入顺序；引用库外部地址, 节省你不必要的流量，并且放在最前-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" charset="utf8"></script>
    <script type="text/javascript" src="templete_utf8.js" charset="utf8"></script>
    <script type="application/x-javascript" src="templete_utf8.text" charset="utf8"></script>
    <!--Begin 外部脚本/js-->
 
    <!--内部样式-->
    <style type="text/css">
    <!--另一种引用外部样式的方法，非html标签而是style标签内容，不推荐使用
    @import url(templete.css);
    -->
 
    </style>
 
    <!--内部js-->
    <script type="text/javascript">
 
    </script>
 
  </head>
 
  <body>
  <!--Begin body内容示例-->
    <div>
      <h2>XHTML 规则概要</h2>
 
      <p>将传统的<span class="html-code">HTML</span>转换为<span class="html-code">XHTML 1.0</span>是快捷且无痛的，只要你遵守一些简单的规则和容易的方针。不管是否使用过<span class="html-code">HTML</span>，都不会妨碍你使用<span class="html-code">XHTML</span>。</p>
 
      <ul>
      <li>使用恰当的文档类型声明和命名空间。</li>
      <li>使用<span class="html-code">meta</span>元素声明你的内容类型。</li>
      <li>使用小写字母书写所有的元素和属性。</li>
      <li>为所有的属性值加双引号——为此在js代码中对字符串变量赋值尽量采用单引号。</li>
      <li>为所有的属性分配值。</li>
      <li>关闭所有的标签，如<span class="html-code">&lt;br /></span>、<span class="html-code">&lt;hr /></span>。</li>
      <li>使用空格和斜线关闭空标签。</li>
      <li>不要在注释中写双下划线。</li>
      <li>同时，避免使用已被废弃的 HTML 元素比如 &lt;font&gt;，或者无语义的元素比如 &lt;br /&gt;，来模拟其实不存在的逻辑结构。</li>
      <li>确保小于号及和号为 &lt; 和 &amp;</li>
      </ul>
 
      <h3>Unicode 和其他字符集</h3>
 
      <p>XML、XHTML、和HTML 4.0 文档的默认字符集是 Unicode，一个由 Unicode 联盟定义的标准。Unicode 是一套全面的字符集，它为每个字符提供了一个特定的唯一的数字，不论平台、程序和语言。Unicode 也是我们拥有的最接近通用字母表的事物，尽管它并不是一个字母表，而是一套数字映射方案。</p>
      <p>尽管 Unicode 是 web 文档默认的字符集，开发人员依然可以自由地选择更适合他们的其他字符集。比方说，美国和西欧的网站常常使用 ISO-8859-1 (Latin-1) 编码，而中华人民共和国的国家标准是 gb2312。</p>
      <p class="advice">对于程序开发人员而言，建议尽量采用 utf8 格式编码，不管是网页内容还是网页源文件</p>
    </div>
  <!--End body内容示例-->
  </body>
</html>

Revision: 67673
at October 15, 2014 13:21 by jacktan
Initial Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--html必须要有xmlns属性，用来告诉浏览器和搜索引擎网页的语言（非网页的编码）;zh-CN是中文简体，zh-HK是繁体，语言属性及<meta>可以让你的网页“搜索引擎友好”-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN" dir="ltr">
  <head>
    <title>中文网页模板-xhtml1-strict</title>
    
    <!--Begin meta部分 http-equiv是常用的属性，此外name/content作为一种开放的属性，相当于键值对-->
    <meta http-equiv="Content-type" content="text/html; charset=utf8" /><!--浏览器接受到response中的网页部分时（区别于response本身的编码），根据charset对内容进行编码解析-->
    <meta http-equiv="Content-Language" content="zh-cn" /><!--TODO:和html中的lang联系-->
    <meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript" />
    <meta name="description" content="中文网页模板最佳xhtml实践" />
    <!--End meta部分-->
    
    <!--Begin 外部样式/css/style的正确引入方式，并采用适当的命名和引入顺序-->
    <link rel="stylesheet" type="text/css" href="templete.css" media="screen" /><!--用link rel而不用src；浏览器都支持的4个link属性-->
    <link rel="stylesheet" type="text/css" href="templete-android.css" media="handheld" /><!--用于手持终端如安卓-->
    <!--End 外部样式/css/style-->
    
    <link href="http://git.oschina.net/assets/favicon-28020a6101d7a4058376a3e5927c64d5.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
    
    <!--Begin 外部脚本/js的正确引入方式，并采用适当的命名和引入顺序；引用库外部地址, 节省你不必要的流量，并且放在最前-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" charset="utf8"></script>
    <script type="text/javascript" src="templete_utf8.js" charset="utf8"></script>
    <script type="application/x-javascript" src="templete_utf8.text" charset="utf8"></script>
    <!--Begin 外部脚本/js-->
    
    <!--内部样式-->
    <style type="text/css">
    <!--另一种引用外部样式的方法，非html标签而是style标签内容，不推荐使用
    @import url(templete.css);
    -->
    
    </style>
    
    <!--内部js-->
    <script type="text/javascript">
    
    </script>
    
  </head>
  
  <body>
  <!--Begin body内容示例-->
    <div>
      <h2>XHTML 规则概要</h2>

      <p>将传统的<span class="html-code">HTML</span>转换为<span class="html-code">XHTML 1.0</span>是快捷且无痛的，只要你遵守一些简单的规则和容易的方针。不管是否使用过<span class="html-code">HTML</span>，都不会妨碍你使用<span class="html-code">XHTML</span>。</p>

      <ul>
      <li>使用恰当的文档类型声明和命名空间。</li>
      <li>使用<span class="html-code">meta</span>元素声明你的内容类型。</li>
      <li>使用小写字母书写所有的元素和属性。</li>
      <li>为所有的属性值加双引号——为此在js代码中对字符串变量赋值尽量采用单引号。</li>
      <li>为所有的属性分配值。</li>
      <li>关闭所有的标签，如<span class="html-code">&lt;br /></span>、<span class="html-code">&lt;hr /></span>。</li>
      <li>使用空格和斜线关闭空标签。</li>
      <li>不要在注释中写双下划线。</li>
      <li>同时，避免使用已被废弃的 HTML 元素比如 &lt;font&gt;，或者无语义的元素比如 &lt;br /&gt;，来模拟其实不存在的逻辑结构。</li>
      <li>确保小于号及和号为 &lt; 和 &amp;</li>
      </ul>
      
      <h3>Unicode 和其他字符集</h3>

      <p>XML、XHTML、和HTML 4.0 文档的默认字符集是 Unicode，一个由 Unicode 联盟定义的标准。Unicode 是一套全面的字符集，它为每个字符提供了一个特定的唯一的数字，不论平台、程序和语言。Unicode 也是我们拥有的最接近通用字母表的事物，尽管它并不是一个字母表，而是一套数字映射方案。</p>
      <p>尽管 Unicode 是 web 文档默认的字符集，开发人员依然可以自由地选择更适合他们的其他字符集。比方说，美国和西欧的网站常常使用 ISO-8859-1 (Latin-1) 编码，而中华人民共和国的国家标准是 gb2312。</p>
      <p class="advice">对于程序开发人员而言，建议尽量采用 utf8 格式编码，不管是网页内容还是网页源文件</p>
    </div>
  <!--End body内容示例-->
  </body>
</html>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
* Chinese langugage friendly
* source file encoding--utf8
* html language--zh-CN

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Uesrful xhtml basic starter template in strict mode

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
XHTML