トップ > インターネット > ホームページ作成・素材 > HTMLの基礎−タグを覚えてウェブページを作ろう!−

ホームページはHTMLタグの知識とテキストエディタさえあれば作成できます。またタグを理解していればサイトの細かい部分まで手が届きます。でも、わからない・・そんな方にお送りする初心者向けのHTMLタグ講座「HTMLの基礎」。

RSS


メルマガの登録・解除

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。



HTMLの基礎HTMLの基礎 Vol.47 特殊文字について

発行日:5/20

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

    HTMLの基礎 −タグを覚えてウェブページを作ろう!−

      2005/05/20(Fri) Vol.47       執筆:ykr
              http://ykr.main.jp/html/index.html

*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.特殊文字について

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   


  だんだんと気温が上がり暑くなってきましたが、皆様お元気でしょうか?
  こんな季節にも関わらず、私は少し風邪気味で咳が出ます。
  そういえば私の周りでは、先日の「価格.com」の不正アクセス事件の話題
  でもちきりでした。本当に怖いです。

  さて、今回は特殊文字について説明いたします。
  それでは今回も最後までお付き合い宜しくお願いいたしますね。


  ※注意  HTMLのバージョンは4.01です。
       発刊時点で非推奨とされてるものも掲載しています。
       表示確認しているブラウザは、WinIE6、WinNN7、MacIE5.2
       MacNN7です。その他のブラウザでの表示は未確認ですので
       意図したとおりにならないことがあります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


1.特殊文字について

  HTMLで普段使用する文字の中に、「特殊文字」と呼ばれるものが存在
  します。「特殊文字」とは、「<」や「>」等のHTMLのタグで使用され
  るものや、キーボードからの入力ができない文字等のこと指し、「実体参
  照文字符号」とも呼ばれます。

  これらの中には制御符号が含まれるので、そのまま使用すると文字化けし
  て表示される等の誤動作を起こす恐れがあります。

  それを防ぐ為に、それらの特殊文字をHTML文書中で使用する場合には
  文字符号(ネームエンティティ)、又は番号符号(ナンバーエンティティ
  )に置き換えて記述しなくてはなりません。

  よくHTML文書内に特殊文字をそのまま記述していても、ブラウザ上で
  は普通に表示されているような例を見かけますが、正しい使用法ではない
  ので気をつけて下さい。

  なお、ナンバーエンティティもネームエンティティも、ブラウザの種類や
  バージョンによっては対応していないものがあります。


----------------------------------------------------------------------


 ■&#60; や &#62;、&#38; 等は特殊文字と呼ばれます。

  これらの特殊文字はナンバーエンティティで記述しています。ブラウザ上
  で見ると・・

  < や >、& 等は特殊文字と呼ばれます。

  のように表示されます。
  これをネームエンティティで記述すると・・・


 ■&lt; や &gt;、&amp; 等は特殊文字と呼ばれます。

  となります。ネームエンティティを使用する際は大文字小文字の区別がさ
  れるので、注意してください。以下は特殊文字一覧です。


 ▼HTMLの基礎 特殊文字を表示するには
  http://ykr.main.jp/html/component/entities.html


  上記のページの中で、閲覧するブラウザ等の環境によっては表示されない
  ものがあります。以下の例では、ナンバーエンティティを使用して記述し
  ています。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


  それでは、いつもと同じ手順でHTML文書を作成して表示を確かめて
  みましょう。面倒な方は前回の続きに上書きしても良いでしょう。


----------------------------------------------------------------------


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>特殊文字</title>
</head>

<body>
<h1>特殊文字を表示させる</h1>
<hr>
<h2>特殊文字の記述</h2>

<p>
「HTMLの基礎」にリンクを張るには以下のように記述します。
</p>
<p>
&#60;a href&#61;&#34;http&#58;&#47;&#47;ykr&#46;main&#46;jp&#47;
html&#47;index&#46;html&#34;&#62;HTMLの基礎&#60;&#47;a&#62;
</p>
</body>
</html>


----------------------------------------------------------------------


  さて、記述できたらファイルを保存します。
  前回のファイルに追加したという方は、上書き保存か名前をつけて、新
  しく保存して下さい。拡張子は「.html」です。


----------------------------------------------------------------------


 ■&#60;a href&#61;&#34;http&#58;&#47;&#47;ykr&#46;main&#46;jp&#47;
  html&#47;index&#46;html&#34;&#62;HTMLの基礎&#60;&#47;a&#62;


  特殊文字に当たる部分を、ナンバーエンティティで記述しています。
  これは、ブラウザで閲覧すると

  <a href="http://ykr.main.jp/html/index.html">HTMLの基礎</a>

  というように表示されます。ここで使用した特殊文字は・・

   ▼ < ・・・ &#60;
   ▼ = ・・・ &#61;
   ▼ " ・・・ &#34;
   ▼ : ・・・ &#58;
   ▼ / ・・・ &#47;
   ▼ . ・・・ &#46;
   ▼ > ・・・ &#62;

  の7つです。特殊文字をHTML文書内で文字列として表示させたい場合
  にはくれぐれも注意しましょう。

  ▼特殊文字一覧
  http://ykr.main.jp/html/component/entities.html


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━


来週は・・・

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

   1.相対パス・絶対パスについて

   ◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆◇◇◇◆   

(予告なく変更する事があります)


■ 雑記 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


  今回も最後まで付き合ってくださった方、お疲れ様でした。
  冒頭でも書きましたが、先日起こった「価格.com」への不正アクセス事件
  、非常に怖いですね。サイトの書き換えにより、ウイルスをばら撒いてし
  まうよう改竄されてしまったという事件です。

  不正アクセスに気づいた価格.comは、総力を挙げて改竄された箇所を戻し
  ていく作業を続けたのですが、直す側から改竄されていく・・という事を
  繰り返した為に、サイトの停止に踏み切ったそうです。

  とても有名で、私も利用することがたびたびあるサイトであっただけに、
  かなりショッキングな事件でした。

  さて、次回は相対パスと絶対パスについて説明します。
  では次回のメルマガもどうぞ宜しくお願いいたしますね。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

■■■「HTMLの基礎」姉妹サイトです。よろしくお願いします。■■■■

■■■「全部まるごとスタイルシート」
■   http://ykr414.com/css/
■   スタイルシート辞典です。プロパティごと、または目的ごとに引
■   け、ブラウザの対応状況なども掲載しています。
■   HTMLに加える事で、より細かいレイアウトの指定が可能に。
■   コピーペーストするだけで利用できるテンプレートのページも。

■■■「コマンドプロンプトを使ってみよう!」
■   http://ykr414.com/dos/
■   コマンドプロンプトとは何かから始まり、バッチファイルの作成
■   法や、コマンド別・目的別に引けるコマンド辞典。
■   初心者でもわかるよう細かく説明。

■■■「伸び縮みマークアップ言語 XML」
■   http://ykr414.com/xml/
■   SGMLのサブセットであるXMLは、ネット上で扱うデータを
■   記述するためのデータフォーマットで、柔軟性のある言語構造を
■   持っており、プログラムで自在にデータを情報処理できます。そ
■   のXMLを実際に文書を作成しながら解説。随時追加更新。

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


・MAKERS     http://ykr414.net/
         ダイエットグッズ、美味しいもの、かわいいもの
         セレクトショップ。ちょっと珍しいグッズ・便利な
         サービスなどの情報も掲載。
         コラムなどのコンテンツもあります。

・YKR GALLERY   http://ykr414.com/gallery/
         CG、また実際に描いた絵を紹介するギャラリー。
         趣味で運営の為かなり更新が遅め。
         ・・・というか時間がなくて殆ど更新してません(汗)


*――*――*――*――*――*――*――*――*――*――*――*――*――*――*
  Auther       ykr
  Mail         ykr414@yahoo.co.jp
  URL          http://ykr.main.jp/html/index.html
  Copyright    (C)2004 ykr414. All rights reserved.
  Attention    掲載記事の無断転載を禁じます
*――*――*――*――*――*――*――*――*――*――*――*――*――*――*

最新の記事

ブックマークに登録する

TwitterでつぶやくLismeトピックスに追加するdel.icio.usに追加Buzzurlにブックマークニフティクリップに追加Yahoo!ブックマークに登録記事をEvernoteへクリップ
My Yahoo!に追加Add to Google

規約に同意してこのメルマガに登録/解除する

登録した方には、メルマ!からオフィシャルメルマガ(無料)をお届けします。


この記事へのコメント

コメントを書く


上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。
コメントの投稿時は投稿者規約への同意が必要です。

  1. コメントはありません。

このメルマガもおすすめ

  1. @(あっと)驚く!エクセル好きルアップ  

    最終発行日:
    2011/05/26
    読者数:
    4068人

    エクセル(Excel)の基礎から裏ワザまで... D-UP発行のマガジンは、1問1答の形式、詳細な解説付きで配信。さらに連動した懸賞サービスもあり、スキルとプレゼントを同時にゲット。映画情報もあるよ

  2. これ知ってます?Wordの小ワザ&便利ワザ

    最終発行日:
    2011/05/26
    読者数:
    4683人

    D-UPが送る、ほほー!っと納得ワード(Word)の小ワザ&便利ワザをクイズ形式で楽しく学んでいきます。知ってて損することはありません。あなたの文章にアクセントをつけてみませんか?懸賞のチャンスもWでお得。

  3. 全部フリーソフト!!

    最終発行日:
    2014/02/26
    読者数:
    4888人

    ネット上にはこんなに便利なソフトがいっぱい。仕事にも、遊びにも、あると絶対にお得で楽しいソフトを1つずつご紹介します。

  4. 高橋浩子の日本一“お気楽”なパソコンマガジン

    最終発行日:
    2017/01/14
    読者数:
    1130人

    「クスッと笑えてタメになる」をモットーとするテクニカルライター高橋浩子が魂を込めてお届けする週刊メルマガ。パソコン講座を中心に、便利ネタやおすすめサイトもご紹介。とにもかくにも、“お気楽”に楽しめる異色のエンターテイメントマガジンである。

  5. C#プログラミングレッスン

    最終発行日:
    2014/09/30
    読者数:
    973人

    C#での .NETプログラミングを易しく丁寧に解説するメールマガジンです。「C#プログラミング・レッスン」で、.NETプログラミングをマスターしましょう。

発行者プロフィール

過去の発行記事