かしこログ

最近 釣りに行けていない僕ですが、自作オリジナル釣り具の魅力を発信してます

HTML勉強4日目。引用blockquote、一部引用q、引用元表記cite=”URL”。

time 2019/09/20

HTML勉強4日目。引用blockquote、一部引用q、引用元表記cite=”URL”。
Pocket

HTML勉強4日目となりました。

本日勉強したのは、以下の3つです。

sponsored link

引用 blockquote

そのブロック全体をまとめて引用する、というときに使います。

エディタに記述すると以下のようになります。

blockquoteタグで「芸術は爆発だ」という文章ごと引用している事を示しています。

これをブラウザに表示すると以下のようになります。

blockquoteで囲った部分だけ、他の文章に比べてインデントされています。

これで、「芸術は爆発だ。」という文章だけ、何か別の意味を持ったものである、という事を示すことができます。

一部引用 q

文章の一部だけ、引用している文書であることを示したいときに使います。

エディタに表示すると以下のようになります。

「前進をしていない人は後退しているのだ。」という名言のみ引用であることを示すため、qタグで囲いました。

これをブラウザに表示すると以下のようになります。

qタグで囲ったところがブラウザでは「」で囲われました。

これで、この文書が引用である、という事を示すことができます。

なお、エディタの<html lang=”ja”> というコードを<html>に変更してみます。

これをブラウザに表示すると以下のようになります。

先ほど、「」だったところが ” ” に変わりました。

こちらの方が引用っぽいですね!

引用元表記 cite=”URL”

先ほどの文章の引用元を表現する際に、cite属性を使います。

エディタに表示すると以下のようになります。

blockquoteタグ、qタグにそれぞれ 引用元を表記しました。

これをブラウザに表示すると以下のようになります。

見た目は何も変わっていません。

ただ、構造上は引用元が表記された状態になっています。

必要でああれば、これを見ている人がこの情報を辿る事が出来ます。

sponsored link

down

コメントする




このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

かしこの漫画

エギング

タコ釣り

プログラミング

思う事

釣行日記

プロフィール

かしこ

かしこ

釣りが趣味ですが、結婚し子供ができてからは釣りに行けていません。なのでオリジナル釣り具を造って気を紛らわします。ものづくりは苦手ですが、暖かい目で見守ってください。

2019年11月
« 9月    
 123
45678910
11121314151617
18192021222324
252627282930  

ツールバーへスキップ