HTML｜インコの技術メモ

HTML

2009年1月10日 22:59 ～

■ テーブル

属性	説明
colspan=""	水平方向の結合を指定（初期値は 1）
rowspan=""	垂直方向の結合を指定（初期値は 1）

■ 特殊文字

文字	記号	説明
		空白
"	"	引用符
&	&	アンパサンド
<	<	不等号(Less Than,小なり)
>	>	不等号(Greater Than,大なり)

http://e-words.jp/p/r-htmlentity.html

■ html5雛型

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" href="/css/ドメイン.css" media="all">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="/js/ドメイン.js"></script>
<style>
/* Write code */
</style>
<script>
/* Write code */
$(document).ready(function(){
});
</script>
</head>
<body>
</body>
</html>

■ 縦横比維持スクロール無し
あとスマホとＰＣでそんなに文字サイズが変わらないようにする。
コルドバで固めるときなどに。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title></title>
<style type="text/css">
html {
/**
  font-size: calc(112.5% + 0.5vw)
 * ↑↓どちらか良い方。下の方がスマホとタブレットの差が出にくい。
 */
  font-size: 3vmax;
}
div#wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: calc((56.25vh - 100vw) / 2) calc((100vw - 56.25vh) / 2);
}
.content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffd;
}
h1{
  /** hmtl に対する相対倍率 */
  font-size: 1.4rem;
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="content" class="content">
  <h1>へ(-。-)ノ</h1>
    w
  </div>
</div>
</body>
</html>

■ pre 内の折り返し css
pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

■ HR
<hr>
<hr width=200 align=left>
<hr width=200 align=center>
<hr width=200 align=right>
<hr width=200 size=5>
<hr width=200 size=5 noshade>
<hr width=200 size=5 color=red>

■ DOCTYPE　ドキュメントタイプの種類
・HTML 1.0 DTD
HTML 1.0用のDOCTYPEなし
・HTML 2.0 DTD (RFC1866) [1994年に標準化]
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
・HTML 2.x DTD (RFC2070)
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML i18n//EN">
・HTML 3.0 DTD
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
・HTML 3.2 DTD [1996年のW3C勧告]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
・HTML 3.2 DTD [1997年1月のW3C勧告]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
・HTML 4.01 Strict DTD (厳密な) [1999年12月のW3C勧告]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
・HTML 4.01 Transitional DTD (移行期)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
・HTML 4.01 Frameset DTD (フレームセット用)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
・ISO-HTML
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">
<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup Language//EN">
・XHTML 1.0 Strict DTD [2000年1月26日のW3C勧告]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
・XHTML 1.0 Transitional DTD [2000年1月26日のW3C勧告]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
・XHTML 1.0 Frameset DTD [2000年1月26日のW3C勧告]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
・XHTML 1.1 Strict DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
・XHTML Basic 1.0 DTD [2000年11月19日のW3C勧告]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
・XHTML Mobile Profile1.0 DTD
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
・WML1.3 DTD
<!DOCTYPE wml PUBLIC "-//OPENWAVE.COM//DTD WML 1.3//EN" "http://www.openwave.com/dtd/wml13.dtd">
・WML2.0 DTD [2001年9月11日のW3C勧告]
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD WML 2.0//EN" "http://www.wapforum.org/DTD/wml20.dtd">

HTML

About

Category