Posted By

jacktan on 10/15/14


Tagged

template html xhtml utf8 chinese quick-start


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

jacktan


Quick-start template for xhtml in Chinese languange


 / Published in: XHTML
 

This quick-start xhtml is fixed with

  • content: zh-CN(simplified chinese)
  • charset: utf8

    Strongly recommend Codes typed into a text file encoding with utf8

Before you applied xhtml codes, all you need to do is to replace the following propertities.The list is just recommend rather than required.

  • ${html.title}
  • ${meta.keywords} (eg:HTML, DHTML, CSS, XHTML, JavaScript)
  • ${meta.descp} (eg:best practice xhtml coding)
  • ${css.custom} (eg:templete.css)
  • ${css.othermedia} weakly needed, just for case that your page need web version. (eg:templete-android.css)
  • ${js.jquery} jquery or any other js library, and a CDN is better. (eg:http://code.jquery.com/jquery-1.4.1.min.js)
  • ${js.custom} your js file. (eg:templete_utf8.js)
  • ${css.inner} here you can type css codes, and @import url(templete.css); as a way to include outter css file.
  • ${js.inner}
  • ${html.bodycode}

2014-10-17 update

<meta> is deprecated <meta>

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN" dir="ltr">
  4. <head>
  5. <title>${html.title}</title>
  6.  
  7. <meta charset="UTF-8" />
  8. <meta http-equiv="Content-Language" content="zh-cn" />
  9. <meta name="keywords" content="${meta.keywords}" />
  10. <meta name="description" content="${meta.descp}" />
  11.  
  12. <link rel="stylesheet" type="text/css" href="${css.custom}" media="screen" />
  13. <link rel="stylesheet" type="text/css" href="${css.othermedia}" media="handheld" />
  14.  
  15. <script type="text/javascript" src="${js.jquery}" charset="utf8"></script>
  16. <script type="text/javascript" src="${js.custom}" charset="utf8"></script>
  17.  
  18. <style type="text/css">
  19. ${css.inner}
  20. </style>
  21.  
  22. <script type="text/javascript">
  23. ${js.inner}
  24. </script>
  25.  
  26. </head>
  27.  
  28. <body>
  29. ${html.bodycode}
  30. </body>
  31. </html>

Report this snippet  

You need to login to post a comment.