2011/08/12

標準 XHTML 格式

這邊將基本架構做為範本,
可以到 http://validator.w3.org 驗證是否 Passed.

【標準 HTML 4.01 Transitional】
[xml]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>標題</title>
</head>
<body>
內容
</body>
</html>[/xml]

【標準 XHTML 1.0 Transitional】
[xml]<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-tw" lang="zh-tw">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>標題</title>
</head>
<body>
內容
</body>
</html>[/xml]

【標準 XHTML 1.1】
[xml]<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-tw">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>標題</title>
</head>
<body>
<p>內容</p>
</body>
</html>[/xml]

【HTML 外部連結 CSS】CSS 必須放在 head 區間
[xml]<link rel="stylesheet" href="XXX.css" type="text/css" media="screen" />[/xml]

【HTML 外部連結 Script】
[xml]<script src="XXX.js" type="text/javascript"></script>[/xml]

【HTML 內部的 CSS 寫法】
[xml]<style type="text/css">
<!--
body {}
-->
</style>[/xml]

【HTML 內部的 Script 寫法】
[xml]<script type="text/javascript"><!-- // <![CDATA[
document.write("輸出文字") // ]]> // --></script>
<noscript>您的瀏覽器不支援 Script 或是把該功能關閉了!這裡是替代文字。</noscript>[/xml]

【插入 Flash 的合併寫法】適用五大瀏覽器
[xml]<object type="application/x-shockwave-flash" data="XXX.swf" width="" height="">
<param name="movie" value="XXX.swf" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
您的瀏覽器不支援 object 或是需要安裝最新版的 Adobe Flash Player,這裡是替代文字。
</object>[/xml]

沒有留言:

張貼留言