HTML5がリリースされるまで、タグにはhrefという1つの属性が必要でした。しかし、HTML5ではその属性もオプションにしています。属性なしでタグを書き込むと、プレースホルダリンクと呼ばれます。
プレースホルダリンクは次のようになります。
開発中のプレースホルダリンクの使用
ほぼすべてのWebデザイナーは、Webサイトを設計して構築する際に、プレースホルダリンクを作成しています。 HTML5の前に、プログラマはプレースホルダとして次のように書く:
リンクテキスト
プレースホルダリンクとしてハッシュタグ(#)を使用する際の問題は、リンクがクリック可能であり、これがクライアントに混乱を引き起こす可能性があることです。そして、開発者が正しいURLでそれらを更新するのを忘れた場合、それらのリンクは、クリックされた場合にユーザーが表示しているのと同じページを単に表示します。
代わりに、属性を持たないタグの使用を開始する必要があります。これらのスタイルをページの他のリンクのようにスタイルできますが、プレースホルダだけなのでクリックできません。
ライブサイトでのプレースホルダリンクの使用
プレースホルダリンクは、単なる開発以上の目的でWebデザインの場所を持っています。プレースホルダリンクが輝くことができる場所は、ナビゲーション要素です。多くの場合、ウェブサイトのナビゲーションリストには、あなたがどのページを表示しているかを示す何らかの方法があります。これらはしばしば「あなたはここにいる」インジケータと呼ばれます。
ほとんどのサイトでは、「あなたはここにいる」マーカーを必要とする要素のID属性に依存しますが、class属性も同様に使用します。しかし、どの属性を使用していても、ナビゲーションがあるすべてのページに対して、正しい要素から属性を追加したり削除したりして、多くの作業を追加する必要があります。
プレースホルダリンクを使用すると、必要に応じてナビゲーションを作成し、ページにナビゲーションを追加するときに適切なリンクからhref属性を削除することができます。開発のために役立つ簡単なヒントは、ナビゲーションリスト全体をエディタにコードスニペットとして保存することです。そのため、簡単なコピー貼り付けだけです。 hrefを削除するだけです。コンテンツ管理システム(CMS)にも同じことをさせることができます。
プレースホルダリンクのスタイル設定
プレースホルダリンクは、ウェブページの他のリンクとは違ったスタイルやスタイルにするのが簡単です。 aタグとa:linkタグの両方をスタイルするようにしてください。例えば:
a {色:赤; font-weight:太字;テキスト装飾:なし; } a:リンク{色:青; font-weight:normal;テキスト装飾:下線; }
このCSSは、プレースホルダリンクを下線のない太字と赤で表示します。通常のリンクは通常の重量、青、下線です。
aタグから持ち越されたくないスタイルをリセットすることを忘れないでください。たとえば、プレースホルダリンクのfont-weightは太字に設定されているため、次のように設定する必要があります。
font-weight:normal;
標準リンク用。テキスト装飾でも同じことが言えます。セレクタで削除することで、a:linkセレクタのために削除されてしまいます。




