2016-05-09 8 views
1
私は属性のタイトルに名前ベースを追加したい

上SiteNavigationElement名がリンクに表示なしのテキストではなく、あるフォント素晴らしいschemas.org:属性のタイトルではないテキスト

マイリンクを使用してアイコンが表示されないようこのように:

<a itemprop="url" href="whatever.html"> 
    <i class="fa fa-home" title="Home"></i> 
</a> 

私はJavascriptを伴わずにソリューションを必要とするこのよう

+1

は、あなたのマークアップがアクセスできないことを認識していますか?あなたの訪問者の中には、このリンクを訪問したり、それが何であるかを理解できない人がいるかもしれません。 – unor

+0

本当に "本当の"コードでは、私はjquery UI(ツールチップ)を使用します。その上にマウスを置くと、リンクの「説明」が表示されます(しかし、jsブラウザでは扱いにくいということに同意します)。アドバイスはそれを念頭に置いておきます –

答えて

2

<a itemprop="url" href="whatever.html"> 
    <i class="fa fa-home" title="Home"></i> 
    <meta itemprop="name" content="Whatever Name You Want" /> 
</a> 

(下記の説明の後で誤った選択肢を削除するように編集されています。余談として

けれどもは、conversaation以下のとおり、<i>タグも使用する必要があるかどうかについて、いくつかの質問:Should I use <i> tag for icons instead of <span>?

+1

'content ='はGoogle構造データテストツール(GSDTT)によって処理されていますか? 'RDFa'には有効で' RDFa'バリデーターで処理されますが、最後にGSDTTで処理されなかったことを確認しました。 –

+0

うわー - 自分で使ってください。試してみてください。 –

+1

HTML5 + Microdataの 'a'要素または' i'要素に 'content'属性を持たせるのは無効です(http://stackoverflow.com/a/27089168/1591669)。これは' meta '要素)。 – unor

関連する問題