html5 brやimg空要素には終了タグはいらない。

html5 brやimg空要素には終了タグはいらない。

html5 brやimg空要素には終了タグはいらない。

空要素とは
自身にコンテンツを持たない要素です。
空要素一覧
area
base
br
col
command
embed
hr
img
input
keygen
link
meta
param
source

具体的はbrなら

でオッケーです。

はいらないです。
詳しい書き方は色々なソースをみて参考にしてください。

サンプルソース

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
		<script src="/js/x.js" ></script>
		<link rel="stylesheet" href="/css/xx.css">
	</head>
	<body>
		<p>sample</p><br>
		<p>sample</p>
	</body>
</html>

html5 linkのtype属性は省略できることがある

html5 linkのtype属性は省略できることがある

html5 linkのtype属性は省略できることがある

html5 linkのtype属性は省略できることがある.
デフォルトの設定がtext/cssだからcssなら省略できるんです。

サンプルソース

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
		<script src="/js/x.js" ></script>
		<link rel="stylesheet" href="/css/xx.css">
	</head>
	<body>
		<p>sample</p>
	</body>
</html>

<link rel=”stylesheet” href=”/css/xx.css”>

 

html5 scriptのtype属性は省略できることがある

html5 scriptのtype属性は省略できることがある

html5 scriptのtype属性は省略できることがある

html5のscript要素のtype属性はjavaxcriptの時は省略できます。
デフォルトがjavascriptにtype属性がなっているからです。

サンプルソース

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
		<script src="/js/x.js" ></script>
	</head>
	<body>
		<p>sample</p>
	</body>
</html>

<script src=”/js/x.js” ><script>

またスプリプトを内部に書くときは<script>タグで囲みます。

サンプルソース

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
		<script src="/js/x.js" ><script>
		<script >
		console.log('ヤッホー');
		</script>
	</head>
	<body>
		<p>sample</p>
	</body>
</html>

html5 meta 文字エンコードをUTF-8に指定する

<meta charset=”UTF-8 /”>html5 meta 文字エンコードをUTF-8に指定する

html5 meta 文字エンコードをUTF-8に指定する

html5 meta 文字エンコードをUTF-8に指定する。
html5の文字エンコードはUTF-8が推薦されています。
フォームやURLエンコーディングなどの処理において
文字化けの可能性があるからです。
javascriptにおいてもUTF-8以外を指定した時は正しく動作しない可能性があります。

サンプルソース

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
	</head>
	<body>
		<p>sample</p>
	</body>
</html>

<meta charset=”UTF-8 /”>

上記で文字エンコディングをUTF-8に指定してます。

html5 DOCTYPE宣言の書き方とXML

html5 DOCTYPE宣言の書き方

html5 DOCTYPE宣言の書き方

DOCTYPE宣言とは
DOCTYPEにはDTDを指定していました。
DTD(Document Type Definition)の略で文書型宣言と言われてました。
html5ではDTDは存在しません。
DOCTYPEの指定だけで標準モードとしてhtmlが読み込まれます。

html5のDOCTYPE

<!DOCTYPE html>

サンプルソース

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8 /">
		<title>sample</title>
	</head>
	<body>
		<p>sample</p>
	</body>
</html>

 

html5 DOCTYPE宣言のXML

XMLはhtml5ではXHTML5がありまます。

XHTML5を利用するにはWEBサーバーでMIMEをapplication/xnlに設定する必要があります。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>sample</title>
	</head>
	<body>
		<p>sample</p>
	</body>
</html>