社会の中で学び、自らの夢をかたちにする学科です。「和」の心・技を磨き、自分らしさを表現。自らのクオリティを高める学びがあります。フィールドワークを通じ、社会の求める実学を学ぶ場を用意しています。

短期大学部 総合文化学科

フードマネジメントコース 図書館司書・ITコース 国際観光・ホテルコース ファッション・造形デザインコース

【コラム】括弧のはなし(その7)

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>

※ITコミュニケーションブランチは平成31年度から,「図書館司書・ITコース」になります.

    • 総合文化学科オリジナルサイト
    • オープンキャンパス
    • 入試情報
    • 受験生応援サイト
    • まつラノ!
    • ビソシエ・ウーマンだより
    • 松戸農産物で作る簡単一品レシピ
    • 地域貢献
    • 就職先一覧
    • 学生の取材による BISOCIE新聞
    • 学内専用 Mockingbird
PAGE TOP