- Last Modified: 2011年4月26日 23:14
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- ファイルタイプと文字コード宣言 -->
<meta http-equiv="Content-Script-Type" content="text/javascript" /> <!-- javascript使ってるよ宣言 -->
<meta name="description" content="模検索結果とかで出る説明" /> <!-- 検索結果とかで出る説明 -->
<meta name="keywords" content="キーワード1,キーワード2" /> <!-- 検索キーワード -->
<meta name="author" content="俺様ちゃんb" /> <!-- このページの作者名 -->
<meta name="copyright" content="(C)" /> <!-- コピーライト -->
<meta name="robots" content="ALL" /> <!-- 検索ボット許可 -->
<title>みんな大好き無名タイトル</title> <!-- ページタイトル -->
<link rel="start" href="index.htm" /> <!-- ページナビゲーション -->
<link rev="made" href="renrakusaki@mail.com" /> <!-- 作った人への連絡先(普通メルアドだがスパム祭りになる) -->
<link rel="shortcut icon" href="favicon.ico" /> <!-- アドレスバーとかのアイコン -->
<link rel="alternate" type="application/rss+xml" title="Kx" href="http://rss.rdf" /> <!-- RSSリンク -->
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" /> <!-- @importはIEバグあるから全部列挙する -->
<script type="text/javascript" src="js/import.js" charset="utf-8"></script> <!-- スクリプトの読み込みは最後にする -->
</head>
XHTML1.0strict の場合のヘッダから上のよくやる設定一式。
YUIのCSSリセット・ベース・フォントを順番に適用する。
のはめんどいので3つともbaseにコピペする。BSDライセンスだから大丈夫だよねってことで。
ついでに背景fixも入れる。
@charset "utf-8";
/* YUI3.3.0 reset-min base-min fonts-min (http://developer.yahoo.com/yui/3/) */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}html { /* YUI3のbody背景問題回避 */
background-color: transparent;
background-image: none;
}
YUI font使ってるのでフォントサイズは%指定で統一する。