36way.net：【debianなつぶやき】＞HTML5+CSS3試考：

36HTML5+CSS3試考

ToDo List

Sample Page

Debian Memo

Debian Memo

おおおおおおおおおおおおおおおおおおお

各種ブラウザ：備忘録
Google Chrome：webkit
[8.0.552.210 beta]：メインブラウザとして使用中。クロスプラットフォームで同期機能が重宝する。
ブラウザのレンダリングエンジンは、webkitが主流になる？
Epiphany（GNOME ウェブブラウザ）：webkit
[2.30.6]：シンプルなブラウザ。
GNOME環境でローカルファイルとの連携に重宝する。
Iceweasel：Gecko
[3.5.15]：Debian版FireFox。
無いと寂しいけど、出番は少なくなってきている。Debianで最新版のFireFoxを使うのは無理があるようなので、Iceweaselの選択となる。ただし、どうしても一歩バージョンが古い。そして、chromeより重くCPU負荷率が高い。Geckoエンジンなブラウザを模索中....
Galeon：Gecko
[2.0.7]：2008年9月27日から開発が止まっている？。
debianで使える“Iceweasel”以外のGeckoエンジンなブラウザ。“Iceweasel”に較べてCPU負荷率ははるかに低い。
Konqueror（KDE ウェブブラウザ）：KHTML
[4.4.5]：好み....なんだけど、総合的に判断してGNOME環境を利用中。後ろ髪。
KHTMLは、HTML準拠の厳格なレンダリングエンジン。webkitのベース 。
Opera：Presto
[11.00 beta]：Geckoよりは、webkitに近いレンダリングかも？
(win)Internet Explorer：Trident
[8]：負の財産を切り捨て、できるだけ早くに[8]以降へ移行したほうが....。と言っても、各種複雑な事情がある？
(win)FireFox：Gecko
[3.6.12]：windowsメインな時代にはメインなブラウザとして重宝していたけど、linux版にも“やや重”感があって、Geckoのレンダリング確認用ブラウザという位置づけに。各種プラグインを控えれば軽い？
html5：文書構造タグのメモ
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-script-type" content="text/javascript"> 
<meta http-equiv="content-style-type" content="text/css">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
<script type="text/javascript" src="javascript.js"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="style.css">
<title>タイトル</title>

<script type="text/javascript">
<!--
//-->
</script>

<style type="text/css">
<!--
--> 
</style>
</head>

<body>

<header>
<h1>H1</h1>
	<nav>
	<ul>
	<li><a href="li01.html">navli01</a></li>
	<li><a href="li02.html">navli02</a></li>
	<li><a href="li03.html">navli03</a></li>
	</ul>
	</nav>
<h2>H2</h2>
<p>段落</p>
</header>

<article>
<h2>記事</h2>
<p>記事</p>

<hgroup>
<h1>セクション１</h1>
<h1>セクション２</h1>
</hgroup>

	<section>
	<h1>セクション１</h1>
	<p>セクション１段落</p>
	</section>

	<section>
	<h1>セクション２</h1>
	<p>セクション２段落</p>
	</section>

	<article>
	<h2>記事</h2>
	<p>記事</p>
	</article>
</article>

<aside>
<h1>余談</h1>
<p>余談</p>
</aside>

<footer>
<p>Copyright</p>
</footer>

</body>
</html>
【角丸】border-radius: ?;
.box1   {  
    border-top-left-radius: 10px;  
    border-top-right-radius: 10px;  
    border-bottom-right-radius: 0px;  
    border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 0px;  
    -moz-border-radius-bottomleft: 0px;  
}

.R04em{
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
}

.R8{
	border-radius: 8px;
	-moz-border-radius: 8px;
}
ーー

ー

ーー