Posted By

jacktan on 10/15/14


Tagged

templet xhtml1-strict


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

jacktan
JeffSFO


Uesrful xhtml basic starter template in strict mode


 / Published in: XHTML
 

  • Chinese langugage friendly
  • source file encoding--utf8
  • html language--zh-CN
  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  

You need to login to post a comment.