lesson 5
第 5 回

第 5 回の講義メモ

第 7 章つづき

7.4

文書中の特定の部分へのリンクを作成する方法について説明します．

7.4.1-2

• まず文書中の要素に id 属性で名前をつける．以下は 7.4.4 という見出し要素に notice という名前を付ける例．

  <h5 id="notice">7.4.4</h5>
  

  id 属性の値は，同じ文書内で重複してはならない．

• 上で名前が付けられた要素へのアンカー要素を使った 7.4.4へ のリンクを以下のように書く．

  <a href="http://www.yamamotolab.jt.u-tokai.ac.jp/%7Ehiroshi/education/webpbl/txt/wp-05.html#notice">
  7.4.4へ
  </a>
  

• 以下のように相対 URI で書くこともできる．

  <a href="#notice">
  7.4.4へ
  </a>
  

7.4.3

• 古いブラウザのため a 要素の name 属性で名前を付けることもできるが，今後 廃止されるので name 属性だけで名前を付けてはいけない．

7.4.4

• 名前に使える文字は決められている．

  • 名前の最初の文字→アルファベット，
  • そのあとの文字→アルファベット，数字，ハイフン，アンダースコア，コロン，ピリオ ドのうちどれか．

  "012a"→NG, "a012"→OK

• 大小文字だけの違いの名前をつけてはいけない． また，参照するときは大小文字まで正しく書かなければならない． (id="notice" で指定したフラグメントを id="NOTICE" として参照できない)

7.5

より広く有益に使うことのできるリンクの書き方について説明します．

7.5.1

• click here 症候群にならないように注意． 下は日本語版 click here 症候群の例．

  新しい HTML 文書は ここをクリック を読んで作成し， ここをクリック を読んで正しい設定を行ってください

  印刷しても通して読んでも意味が通る下の例のように書くべき．

  新しい HTML 文書は HTML 文書の作成，転送方法の解説 を読んで作成し， HTML の文法が正しいか確認する方法の解説 を読んで正しい設定を行ってください

7.5.2

• リンクのアンカーは長くしたくないが，補足説明をつけたいとき， title 属性を利用する．

  新しい HTML 文書は
  <a href="wp-03.html" 
  title="東海大学電子計算センターの環境での HTML 文書の作成，転送方法の解説">
  HTML 文書の作成，転送方法の解説
  </a>
  を読んで作成し，
  <a href="wp-04.html"
  title="HTML 文法検証ゲートウェイサービスと授業用のミラーサーバーの利用方法の解説">
  HTML の文法が正しいか確認する方法の解説
  </a>
  を読んで正しい設定を行ってください
  

  と記述すると以下のように表示される

  新しい HTML 文書は HTML 文書の作成，転送方法の解説 を読んで作成し， HTML の文法が正しいか確認する方法の解説 を読んで正しい設定を行ってください

  マウスポインタをアンカーの上へ移動させ，説明が表示されるかどうか確認せよ．

7.5.3

• わかりやすい URI がよい．
• URI は一度決めたら変更しない．

7.5.4

• キーボードの操作で素早くリンクたどることができるためのものとして， accesskey 属性と tabindex 属性がある．これらは 9.2.4 で説明する．

7.6

リンクと著作権について考察します．

7.6.1

• 著作者の了解が不用なのは単純な参照と，正当な範囲の引用だけ．

• リンクは著作権を侵害しない．

  • 単純なリンクは単なる参照であって複製，引用ではない．
• 埋め込みリンクは引用，複製行為とみなされる．
• リンク先を紹介する文も重要．

7.6.2

• 内容に共感してリンクを行うとき，マナーとして相手に報告するのもよい．
• 引用するときはオリジナルへのリンクと引用した日時がわかるようにしておく．

7.6.3

• リンク集も立派な情報である．
• ただのリンクの羅列ではなく，自分なりに分類，評価の手を加えたリンク集にすべき．

第 3 章

情報のより細かい構造を表現する方法として リスト，引用，汎用ブロックの使い方を説明します．

3.1

3 種類ある箇条書の方法について説明します．

3.1.1

• 特にコンピュータの画面は長い文章を読むのには向かない．
• 箇条書を使うことでポイントを強調できる．
• 箇条書を使えば，どのポイントとどのポイントが同じレベルなのか， といった情報の構造も読みとり易い． 第 4 回講義メモの 7.3.2 の説明はその例である.

3.1.2

列挙型リスト ol, ul要素

• ul 要素の例

  ソース

  <ul>
   <li>ul要素は特に順番に意味がない場合に使う．</li>
   <li>揃えて並べられるのでポイントがつかみやすい．</li>
  </ul>
  

  表示

  • ul要素は特に順番に意味がない場合に使う．
  • 揃えて並べられるのでポイントがつかみやすい．

• ol 要素の例

  ソース

  <ol>
   <li>順番を変えると意味が通じなくなるかどうか考える．</li>
   <li>意味が通じなくなるなら ol 要素を使う．</li>
  </ol>
  

  表示

  1. 順番を変えると意味が通じなくなるかどうか考える．
  2. 意味が通じなくなるなら ol 要素を使う．

3.1.3

• 見出し語とその説明，というタイプのリストの場合は定義型リスト dl要素を使 う．以下が例である．

  ソース

  <dl>
   <dt>dt 要素</dt>
   <dd>見出し語を書くための要素</dd>
   <dt>dd 要素</dt>
   <dd>その説明書くための要素</dd>
  </dl>
  

  表示

  dt 要素

  見出し語を書くための要素

  dd 要素

  その説明書くための要素

3.1.4

• リストは入れ子構造にできる． 第 4 回講義メモの 7.3.2 の説明は入れ子構造を利用して内容の構造を表現している．

第 4 回へ戻る 第 6 回へ進む