スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

XHTML1.1の雛形

会社のホームページをちゃんと作ろうという話になったので、きちんとしたHTMLを書こうと、雛形を作ってみました。

ベースはXHTML1.1です。DOCTYPEやmetaタグなど色々お約束があって、こうやってメモっておかないと、また後から調べるのは大変です。

あと、オライリーの「ハイパフォーマンスWebサイト」を参考にして、CSSはHTMLの上部に、JavaScriptはHTMLの下部に配置しました。

また、JavaScriptはgoogleのajax APIライブラリを使ってjqueryを呼び出しています。

それにしても、会社のホームページ程度のアクセス頻度なら、ハイパフォーマンスなんて気にしなくてもいいような気もするなぁ。
この本て、米Yahoo!クラスの話なんで・・・

<?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="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="ページ概要">
<meta name="keywords" content="keyword1,keyword2">
<meta name="copyright" content="copyright &copy; 2009 Unique Vision All Rights Reserved">
<link rel="stylesheet" type="text/css" href="css/uv.css" media="all" />
<title>タイトル</title>
</head>
<body>
<div id="contents">
<div id="header">
ヘッダー
</div>
<div id="main">
メイン
</div>
<div id="footer">
フッター
</div>
</div>
<address>copyright &copy; 2009 Unique Vision
All Rights Reserved</address>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</html>
スポンサーサイト

COMMENTS

COMMENT FORM

TRACKBACK


この記事にトラックバックする(FC2ブログユーザー)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。