【コラム】括弧のはなし（その７）
18.12.14
括弧の書き順
括弧を多重の入れ子で使うことは実はよくあることです．
その典型的な場合というのが，HTML文書を書くときです．
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
<h1>Hello, world!</h1>
<p>
Imagination is more important than knowledge.
</p>
</article>
</body>
</html>
これはものすごく単純なHTML文書です．要素が入れ子になっています．
さて，よくやる失敗は，終了タグの書き忘れとタグの交差などです．
タグの交差というのはたとえば，
<head>
...
</head>
<body>
...
</body>
となっているべきところを
<head>
...
<body>
</head>
...
</body>
のようにやってしまうことです．このような失敗を避けるには，「開始タグを書いらすぐにに終了タグを書く，終了タグを書いてから要素の内容を書く」という書き順を守ることです．
最初のHTMLの文書では上から順に書いてはいけません．以下のような順で書きましょう．
(1)
<html> </html>
(2)
<html> <head> </head> </html>
(3)
<html> <head> </head> <body> </body> </html>
(4)
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
(5)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
</body>
</html>
(6)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
</article>
</body>
</html>
(7)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
<h1></h1>
</article>
</body>
</html>
(8)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
<h1></h1>
<p>
</p>
</article>
</body>
</html>
(9)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
<h1>Hello, World!</h1>
<p>
</p>
</article>
</body>
</html>
(10)
<html>
<head>
<title>Hello, world!</title>
</head>
<body>
<article>
<h1>Hello, World!</h1>
<p>
Imagination is more important than knowledge.
</p>
</article>
</body>
</html>
※ＩＴコミュニケーションブランチは平成31年度から，「図書館司書・ＩＴコース」になります．
