Advanced Search

Uesrful xhtml basic starter template in strict mode

/ Published in: XHTML
Save to your folder(s)
* Chinese langugage friendly
* source file encoding--utf8
* html language--zh-CN

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <!--html必须要有xmlns属性，用来告诉浏览器和搜索引擎网页的语言（非网页的编码）;zh-CN是中文简体，zh-HK是繁体，语言属性及<meta>可以让你的网页“搜索引擎友好”-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN" dir="ltr">
  4.   <head>
  5.     <title>中文网页模板-xhtml1-strict</title>
  6.  
  7.     <!--Begin meta部分 http-equiv是常用的属性，此外name/content作为一种开放的属性，相当于键值对-->
  8.     <meta http-equiv="Content-type" content="text/html; charset=utf8" /><!--浏览器接受到response中的网页部分时（区别于response本身的编码），根据charset对内容进行编码解析-->
  9.     <meta http-equiv="Content-Language" content="zh-cn" /><!--TODO:和html中的lang联系-->
  10.     <meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript" />
  11.     <meta name="description" content="中文网页模板最佳xhtml实践" />
  12.     <!--End meta部分-->
  13.  
  14.     <!--Begin 外部样式/css/style的正确引入方式，并采用适当的命名和引入顺序-->
  15.     <link rel="stylesheet" type="text/css" href="templete.css" media="screen" /><!--用link rel而不用src；浏览器都支持的4个link属性-->
  16.     <link rel="stylesheet" type="text/css" href="templete-android.css" media="handheld" /><!--用于手持终端如安卓-->
  17.     <!--End 外部样式/css/style-->
  18.  
  19.     <link href="http://git.oschina.net/assets/favicon-28020a6101d7a4058376a3e5927c64d5.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
  20.  
  21.     <!--Begin 外部脚本/js的正确引入方式，并采用适当的命名和引入顺序；引用库外部地址, 节省你不必要的流量，并且放在最前-->
  22.     <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" charset="utf8"></script>
  23.     <script type="text/javascript" src="templete_utf8.js" charset="utf8"></script>
  24.     <script type="application/x-javascript" src="templete_utf8.text" charset="utf8"></script>
  25.     <!--Begin 外部脚本/js-->
  26.  
  27.     <!--内部样式-->
  28.     <style type="text/css">
  29.     <!--另一种引用外部样式的方法，非html标签而是style标签内容，不推荐使用
  30.     @import url(templete.css);
  31.     -->
  32.  
  33.     </style>
  34.  
  35.     <!--内部js-->
  36.     <script type="text/javascript">
  37.  
  38.     </script>
  39.  
  40.   </head>
  41.  
  42.   <body>
  43.   <!--Begin body内容示例-->
  44.     <div>
  45.       <h2>XHTML 规则概要</h2>
  46.  
  47.       <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>
  48.  
  49.       <ul>
  50.       <li>使用恰当的文档类型声明和命名空间。</li>
  51.       <li>使用<span class="html-code">meta</span>元素声明你的内容类型。</li>
  52.       <li>使用小写字母书写所有的元素和属性。</li>
  53.       <li>为所有的属性值加双引号——为此在js代码中对字符串变量赋值尽量采用单引号。</li>
  54.       <li>为所有的属性分配值。</li>
  55.       <li>关闭所有的标签，如<span class="html-code">&lt;br /></span>、<span class="html-code">&lt;hr /></span>。</li>
  56.       <li>使用空格和斜线关闭空标签。</li>
  57.       <li>不要在注释中写双下划线。</li>
  58.       <li>同时，避免使用已被废弃的 HTML 元素比如 &lt;font&gt;，或者无语义的元素比如 &lt;br /&gt;，来模拟其实不存在的逻辑结构。</li>
  59.       <li>确保小于号及和号为 &lt; 和 &amp;</li>
  60.       </ul>
  61.  
  62.       <h3>Unicode 和其他字符集</h3>
  63.  
  64.       <p>XML、XHTML、和HTML 4.0 文档的默认字符集是 Unicode，一个由 Unicode 联盟定义的标准。Unicode 是一套全面的字符集，它为每个字符提供了一个特定的唯一的数字，不论平台、程序和语言。Unicode 也是我们拥有的最接近通用字母表的事物，尽管它并不是一个字母表，而是一套数字映射方案。</p>
  65.       <p>尽管 Unicode 是 web 文档默认的字符集，开发人员依然可以自由地选择更适合他们的其他字符集。比方说，美国和西欧的网站常常使用 ISO-8859-1 (Latin-1) 编码，而中华人民共和国的国家标准是 gb2312。</p>
  66.       <p class="advice">对于程序开发人员而言，建议尽量采用 utf8 格式编码，不管是网页内容还是网页源文件</p>
  67.     </div>
  68.   <!--End body内容示例-->
  69.   </body>
  70. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.