記事引用に使うblockquoteタグ - 稼げない初心者アフィリエイト救済 ASAP塾

アフィリエイト川柳にご投票いただきありがとうございました。
近日結果をブログにUPいたします。

 

カエテンクロスレビュー&特典ページはバナーをクリック↓


カエテンクロスSEOテンプレート あずレビュー&特典

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

記事引用に使うblockquoteタグ

記事などを引用するときに使うのが
<blockquote>タグです。

装飾やインデントに使っているサイトもありますが
読み上げ機能を使用している方には
以下は引用です、と読み上げられるのです。

装飾などで使用すると意味不明な状態に陥りかねません。

引用するときに使うべきタグと覚えておきましょう。

使い方↓

楽天アフィリサイト登録についての記事で
引用を使いました。

この記事を例にします。

アフィリエイトメディアが5件を超える場合には、不要な情報を削除して最新のものに登録変更していただくか、利用頻度の高いものから掲載していただくようお願いします。
(引用元:楽天アフィリエイト ヘルプページ


この部分のHTMLは


<blockquote cite="http://affiliate.faq.rakuten.co.jp/app/answers/detail/a_id/12010">アフィリエイトメディアが5件を超える場合には、不要な情報を削除して最新のものに登録変更していただくか、<span class="r b">利用頻度の高いものから掲載していただくようお願いします。</span>
(引用元:<a href="http://affiliate.faq.rakuten.co.jp/app/answers/detail/a_id/12010" target="_blank">楽天アフィリエイト ヘルプページ</a>)</blockquote>


となっています。


<blockquote></blockquote>ではさんで
引用部分を表示しています。
cite="http://aff…は
下に引用元を載せればいらないかもしれません。

<span class="r b"></span>は
スタイルシートで「赤の太字」で設定しています。

CSS(スタイルシート)の記述


blockquote{
background-color:#fee8bc;
padding:15px 15px 15px 0px;
margin:5px 5px 5px 0;

background-image: url(http://blog-imgs-45.fc2.com/x/x/x/xxxasapxxx/inyo.gif);
background-repeat: no-repeat;
line-height: normal;
border-style: none;
padding:20px 5px 15px 5px;
background-position: left top;
width: auto;
height: auto;
}

.r{
color:red;
}
.b{
font-weight:bold;
}


背景画像に
inyo.gif
を使用しています。

背景色に#fee8bcを使用しています。

引用もデザインいじったりすると
記事書くのも楽しくなりません?笑

デザインにばかり気を取られるのではダメですが
楽しむ程度に取り入れるのはあず的にいいと思うのでした~


質問あったら遠慮なくどうぞ!
お問い合わせフォーム
記事がお役に立てましたら1票お願いします。励みになります!
  •  人気ブログランキング   FC2ブログランキング 

  • #HANDLE#、いつもありがとうございます!!(o´∀`o)ノ<おきてがみ] 足あとを残せます。後ほど訪問させていただきます☆…おきてがみ
  • 質問・感想・相談、メールはお気軽に(o´∀`o)ノ

    あずへのメールはこちらからどうぞ


    ←クリックでメールフォームへ
    わからない。。つまづいて前に進めない。。

    そんな時は困った時のあず頼み!
    遠慮無くメールくださいね。

    この記事を見た人はこんな記事も読んでいます

    カテゴリ別になっています。興味のあるタブをクリックしてください。

    Loading...

    コメント
    非公開コメント

    ⇒人気ブログランキング ⇒FC2ブログランキング


    いつも訪問いただきありがとうございます!!(o´∀`o)ノ

    ↓お寄せいただいたコメント

    トラックバック

    http://xxxasapxxx.blog134.fc2.com/tb.php/120-227b9877