コードのアウトライン
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<!doctype html> ①doctype宣言 <html lang="ja"> <head> <meta charset="UTF-8"> ②文字コードの指定 <meta name="viewport" content="width=device-width "> ③スマホむけviewportの指定 <title></title> <link rel="stylesheet" href="style.css/html5reset.css"> </head> <body> <header> <h1></h1> <h2></h2> <nav> </nav> </header> <section> </section> </body> <footer> </footer> </html> |
① 超シンプルなdoctype宣言
② 文字コードは日本語だったら、S-JIS か UTF-8 だけど、UTF-8 の方がいいみたい
③ Viewportの指定で width=device-width は「viewportの幅をデバイスのスクリーンの幅に合わせる」という意味。何も指定しないと自動的に width980で 表示される。