このエントリーをはてなブックマークに追加

リンクの基本の書式

基本の書式は以下の通りです。

[リンクのテキスト](リンクのアドレス "リンクのタイトル")

たとえば、以下のように記述すると

[バリアフリーグルメ情報共有Quuzu](http://quuzu.jp "バリアフリーグルメ情報を共有するサイトです")

以下のように変換されます。

<a href="http://quuzu.jp" title="バリアフリーグルメ情報を共有するサイトです">バリアフリーグルメ情報共有Quuzu</a>

ブラウザ上では以下のように見えます。

バリアフリーグルメ情報共有Quuzu

内部リンク

サイト内の場合は以下のように相対パスでも指定可能です。

[記事一覧](/articles "サイト内の記事一覧です")

これは以下のように変換されます。

<p><a href="/articles" title="サイト内の記事一覧です">記事一覧</a></p>

記事一覧

自動リンク

もっと簡単に以下のように<と>で囲むことでもリンクされます。

<http://quuzu.jp>

http://quuzu.jp

参照リンク

参照リンクの記法を用いると、文章中にタグだけを埋め込んで実際のリンクを別で定義することができます。 参照リンクの記法は、文章中のリンクを埋め込みたい場所にアンカーテキストとIDを埋め込むことで実現できます。

アンカーテキストとIDの書式は以下の通りです。

[アンカーテキスト][ID]

さらに文章中の任意の場所にIDに対応するリンクの情報を以下のような書式で記述します。

[ID]: URL title属性

参照リンクの記法は一つの文章に同じリンクが複数ある場合などにかなり便利です。(URLが変更されても1か所変更するだけで同じURLのすべてのリンクを更新することが可能です。)

例えば以下の記述を行うことで、

[Quuzu.jp][quuzu]は[バリアフリー][bf]グルメ情報の検索サイトです。[Quuzu.jp][quuzu]では車椅子で入れるお店などの情報を集めています。

[quuzu]: http://quuzu.jp "バリアフリーグルメ情報の検索サイト"
[bf]: http://ja.wikipedia.org/wiki/バリアフリー "バリアフリー wikipedia"

以下のようなリンク付きの記述を行うことができます。以下の文章の"Quuzu.jp"と"バリアフリー"というキーワードがリンクになっています。


Quuzu.jpバリアフリーグルメ情報の検索サイトです。Quuzu.jpでは車椅子で入れるお店などの情報を集めています。




関連記事

記事一覧へ