Just another WordPress site
空要素とは
自身にコンテンツを持たない要素です。
空要素一覧
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属性は省略できることがある.
デフォルトの設定が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属性は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に指定する。
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に指定してます。
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>
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>