HTMLの基礎~abbrとblockquoteとciteとcode~HTML入門~HTML TUTORIAL~

スポンサーリンク

本当にわからないとこがあった場合一人では解決できません。
『teratail』とはエンジニア特化型のQ&Aサイトです。 すべてのエンジニアさんが抱えている悩みを共有して 解決するための質問サイトです
無料なのでまずは登録して使ってみてください。メールアドレスだけで登録可能です ----------------------------------------------------------------------------------------

HTMLの基礎~abbrとblockquoteとciteとcode

abbr

abbr 単語やフレーズの短縮形である略語をマークアップするために使用されます。

省略形が表す拡張フレーズは、title属性の値で定義できます。これはオプションですが推奨されています。

GOOGLEランクで上位に行くためには必須です


<p>This web site is about <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr>.</p>
横に何を略したかが出てきますね。 

blockquote

blockquoteそして、q引用のために使用されます

引用タグとは、外部のサイトや文献などから引用を行う際に引用セクションであることを伝えるために使うタグです。

自分の記事のオリジナル部分の内容と引用箇所のセクションをわけることにより、わかりやすく表現できるわけですね。

<q>人間は優しい動物だよ グーグルが言ってたよ。</q>. 

<blockquote cite="http:/www.google.com"> //引用先だよ
    <p>これはグーグル先生からの引用だよ。.</p>
</blockquote>

 

cite

記事の物事を混乱させないために、cite属性だけでなく、citeタグもあります。これは、例えば本のような作品のタイトルを定義するために使用できます。


<p>今朝の記事の情報元は <cite>朝日新聞</cite>, 生存者は5人のようです/q>.</p>

code

<CODE>~</CODE>で囲んだテキストが、プログラムのソースコードであることを意味します。


<pre>
<code>
    aisatsu="hello world";
    document.write(aisatsu);
</code>
</pre>

pre

<PRE>タグはPreformatted Text(整形済みテキスト) の略で、<PRE>~</PRE>で囲まれた範囲のソースに記述されたスペース・改行などを、そのまま等幅フォントで表示します。


<pre><code>
&lt;div id="intro"&gt;
    &lt;h1&gt;Some heading&lt;/h1&gt;
    &lt;p&gt;Some paragraph paragraph thing thing thingy.&lt;/p&gt;
&lt;/div&gt;
</code></pre>

要素が全く変更されてませんね。不思議〜。

次のページ

前のページ

スポンサーリンク

プログラミングは独学からは挫折の可能性が高いです。まずは無料体験ができる
コードキャンプが本当におすすめ。無料体験でわからないところを聞きましょう。
転職補助つき。カリキュラム終了後に転職紹介をしてくれます。