法則45 a要素にtitle属性を指定してアクセシビリティを向上させる
title属性を指定するテンプレートソース
<MTEntries lastn="5"> <div class="entrySection"> <h2><$MTEntryTitle encode_html="1"$></h2> <div class="entryBody"> <$MTEntryBody$> <MTIfNonEmpty tag="EntryMore"> <p class="entryMore"><a href="<$MTEntryPermalink$>" title="「<$MTEntryTitle encode_html="1"$>」 の続きを読む"> 続きを読む</a></p> </MTIfNonEmpty> </div> <!--// entrySection--></div> </MTEntries>
出力される(X)HTMLソース
<div class="entrySection"> <h2> ブログ記事のタイトル</h2> <div class="entryBody"> <p> ブログ記事の本文 </p> <p class="entryMore"><a href="http://example.com/path/to/entry.html" title="「ブログ記事のタイトル」 の続きを読む"> 続きを読む</a></p> </div> <!--// entrySection--></div>
- 法則33 特定のカテゴリに属するブログ記事を一覧表示する
- 法則34 注目の記事をピックアップして表示させる
- 法則35 シークレットタグを使ってブログ記事を分類する
- 法則36 Ajaxを利用して人気記事ランキングを表示する
- 法則37 最近コメントがあったブログ記事を一覧表示する
- 法則38 コメントやトラックバックのあったブログ記事をツリーで表示する
- 法則39 MultiBlogを利用して複数ブログの記事を一覧表示する
- 法則40 ランダムにブログ記事の一覧を作成する
- 法則41 複数のブログから同じタグのブログ記事を抜き出す
- 法則42 RSSを利用して外部ブログの記事をまとめて表示する
- 法則43 タグを利用して関連記事へのリンクを自動的に表示する
- 法則44 同じカテゴリの前後のブログ記事へリンクを作成する
- 法則45 a要素にtitle属性を指定してアクセシビリティを向上させる
- 法則46 カテゴリを任意の順番に並べ替える
- 法則47 パンくずリストを作成する
- 法則48 静的なアーカイブページを分割する
- 法則49 検索結果がゼロ件のときに代わりの導線を用意する
- 法則50 タグ検索結果のURLを短くして利便性を高める
- 法則51 OPMLファイルを生成して複数のフィードをまとめて登録させる
- 法則52 フィードアイコンはもっとも目に付く位置に配置する
- 法則53 「続きを読む」のナビゲーションは的確に配置する
- 法則54 商品ごとに問い合わせフォームを作成する
- 法則55 ブログ記事にGoogleマップで地図を表示する
- 法則56 ブログ記事に5段階評価を付ける
- 法則57 同じアーカイブから2つのレイアウトを作成する