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>, 生存者は５人のようです/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>

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

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

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

スポンサーリンク