楽天で使えるタグの属性 | 楽天パソコンのすすめ

楽天で使えるタグの属性

属性とは？解りやすく言うとaタグなど（要素）の後ろに付ける href=" " などの部分のことです。
（同一属性名が複数の要素で使用されています） ■ 色の属性は楽天ブログでエラーになりました。

属性

解説

abbr

長い単語や語句の略語であることを示すタグです。（ポップアップは表示されません）

使用例：

accesskey

アルファベットを指定することでキーボードから操作できるようになります。

使用例：

<a href="http://plaza.rakuten.co.jp/pcnosusume/" accesskey="1">PC</a> PC

acronym

頭字語（頭文字を取った言葉）を宣言します。（略す前のポップアップが表示されます）

使用例：

address

著者の情報を示します。（斜体で表示されます）

使用例：

<address>パソコンのすすめ</address>

パソコンのすすめ

align

水平位置を指定します。

使用例：

align="left"（左揃え）、その他"center"（中央揃え）、"right"（右揃え）など

alt

代替テキストを定義します。

使用例：

area

リンク先及びリンクの範囲を指定します。

使用例：

area href="maru.html"

b

テキストを太字にします。

使用例：

<b>パソコンのすすめ</b>　 パソコンのすすめ

basefont

基準となるフォントのサイズや色などを定義します。

使用例：

basefont size="4"

bdo

ドキュメントの内容を表示する方向を指定します。

使用例：

<BDO dir="ltr">パソコンのすすめ</BDO>→パソコンのすすめ
<BDO dir="rtl">パソコンのすすめ</BDO>→めすすのンコソパ

bgcolor

ページ、テーブル、セルなどの背景色を指定します。

使用例：

bgcolor="#ffffff" bgcolor="white"など

big

まわりのテキストよりも１段階大きいフォントサイズにします。

使用例：

<big>パソコンのすすめ</big> パソコンのすすめ

blink

テキストを点滅表示します。Netscapeの一部のバージョンのみでしか機能しません。

使用例：

<blink>パソコンのすすめ</blink>

blockquote

長いテキストを引用する場合に使用します。

使用例：

あいうえお<blockquote>かきくけこ</blockquote>さしすせそ
あいうえお

かきくけこ

さしすせそ

border

テーブルや画像のまわりの枠線を設定します。

使用例：

<table border="2">など

br

任意の場所で改行します。

使用例：

パソコンの<br>すすめ　パソコンの
　　　　　　　　　　　　　　　すすめ

caption

<TABLE> タグのすぐ後ろに置いて表題を指定します。

使用例：

<table><caption>table1</caption><tr><td></td></tr></table>

center

テキストなどを水平方向の中央に配置します。

使用例：

<center>パソコンのすすめ</center>

char

セル内の文字の桁揃えに使用します。

使用例：

align="char"

charoff

桁揃え文字とセルの間隔を指定します。　普通、charとセットで扱います。

使用例：

align="char" char="." charoff="50"

charset

参照先の文字エンコーディング（文字符号化方式）を指定します。

使用例：

charset="SHift_JIS"など

cite

テキストが引用されたもの（参考文献）であることを指定します。

使用例：

<cite>パソコンのすすめ</cite>　パソコンのすすめ

code

プログラムなどソースコードを表示します。

使用例：

<code>print "@member[0]";</code> print "@member[0]";

col

テーブルの列

使用例：

<col align="center">など

colgroup

テーブル列をグループ化します。

使用例：

color

色を部分的に指定する場合に使用します。

使用例：

<font color="#ff0000">パソコンのすすめ</font>　パソコンのすすめ

comment

注釈（表示されません）

使用例：

パソコン<comment>の</comment>すすめ　パソコンのすすめ

compact

DLタグにCOMPACTを追加することにより、改行なしの定義型リストを作ることができます。

使用例：

→
こんな感じになります。

楽しい: ＰＣ！
面白: ＰＣ！

（これらのタグの中でフォントの設定などをしたり文字が長すぎるとうまく表示されません）

coords

ＡＲＥＡなどにおいて、クリック領域の座標を指定します。

使用例：

coords=" 中心のX座標,Y座標,半径 "　座標指定方法はシェイプにより違います。

clear

画像やテーブルに対するテキストの回りこみを解除します。

使用例：

<br clear = "left">など　その他right、allなど

datetime

内容を更新した日時を記述します。

使用例：

datetime="2006-02-20T21:48:30+09:00"

dd

定義リスト内の用語の説明や定義を記述します。

使用例：

（dt参照）

del

語句の取り消し

使用例：

パソコンの<del>むすめ</del>　パソコンの ~~むすめ~~

dfn

特別な語句や用語を定義します。

使用例：

パーソナルコンピュータは<dfn>パソコン</dfn>　パーソナルコンピュータはパソコン

div

特定の囲んだ範囲をセクション化します。

使用例：

<div>あいうえお　かきくけこ</div>　

あいうえお　かきくけこ

dl

定義リストを定義します。

使用例：

（dt参照）

dt

定義リスト内の用語部分を定義するためのタグです。<dl>タグ内で<dd>タグの前に記述します。

使用例：

<dl> <dt> 解説<dd>パソコンのすすめ</dl>　

解説: パソコンのすすめ

em

強調表示したいテキストに使用します。

使用例：

<em>パソコンのすすめ</em>　 パソコンのすすめ

face

フォントの種類を設定します。

使用例：

<font face="ＭＳ明朝">パソコンのすすめ</font>　パソコンのすすめ

height

高さを指定します。

使用例：

height="60"など

href

クリックされたときのハイパーリンク先のＵＲＬを指定します。

使用例：

<a href="http://www.abc.com">abc</a>など abc

hreflang

ハイパーリンク先のHTML文書の言語コードを指定します。

使用例：

hreflang="ja"など

hspace

画像とテキスト間の横の間隔を指定します。

使用例：

<img hspace="5">など

i

テキストを斜体に指定します。

使用例：

<i>パソコンのすすめ</i>　 パソコンのすすめ

ismap

別ファイル（サーバーサイド）からクリッカブルマップの位置を指定する場合に使用します。

使用例：

kbd

キーボードから入力される文字列であることを明示します。

使用例：

<kbd>ALT+ENTER</kbd>を入力して下さい。　 ALT+ENTER を入力して下さい。

lang

ドキュメント内の言語を指定します。

使用例：

lang="ja"など

language

スクリプトの種類を指定します。

使用例：

<SCRIPTlanguage= "JavaScript"> ←楽天でのJavaScript使用は禁止されています。

li

<ul>や<ol>の中でリストを指定します。

使用例：

パソコン
プリンタ

longdesc

多くの文字情報を画像で代替する場合に代替文書のＵＲＩを指定します。

使用例：

methods

この属性は HTML3.2以降廃止され、現在は使用されてないようです。

使用例：

*****

name

同一ページ内のハイパーリンク先（ポイント）などを指定する時など名前を割り当てます。

使用例：

name="pcnosusume"など

nobr

nobrで囲まれた範囲は改行されなくなります。

使用例：

<nobr>
あ
い
う
</nobr>　あいう

nohref

MAPなどでリンク先が無い（クリックできない）部分を意味しています。

使用例：

noshade

水平線を3D表示ではなく、平面的な罫線として表示させます。

使用例：

ol

順序のあるリスト形式を指定します。1,2,3・・・a,b,c・・・など

使用例：

パソコン
プリンタ

p

Ｐで囲まれた範囲が一つの段落になります。

使用例：

<p>ここが段落です。</p>　

ここが段落です。

pre

ソースドキュメントに記述された通りに表示させます。

使用例：

<pre>&lt;b&gt;あ&lt;br&gt;い&lt;/b&gt;</pre>

<b>あ<br>い</b>

q

短い文章を引用します。

使用例：

<q>引用文</q>　引用文

rel

ソースドキュメントからターゲットドキュメントへの関係を表します。

使用例：

link rel="***"　タイプにはindex/contents/next/prevなどがあります。

rev

ターゲットドキュメントからソースドキュメントへの関係を表します。

使用例：

link rev ="***"

rt

ルビの内容を記述します。

使用例：

（ruby参照）

ruby

ふりがなを指定します。

使用例：

<ruby><rb>鰆<rp>（<rt>さわら<rp>）</ruby>　鰆（さわら）

s

打消し線を指定します。

使用例：

<s>あいうえお</s>　 ~~あいうえお~~

samp

プログラムやスクリプトによる出力結果をサンプルで表現します。

使用例：

<samp>データが見つかりません。</samp>　 データが見つかりません。

shape

クリッカブルマップなど使用されます。領域の形を指定します。

使用例：

shape="circle"など　circle（円）polygon（多角形） rect（四角形）

size

基準となるサイズを定義します。

使用例：

<font size="3">パソコンのすすめ</font> パソコンのすすめ

small

まわりのテキストよりも１段階小さいフォントサイズにします。

使用例：

<small>小さい</small>　小さい

spacer

水平方向や垂直方向にスペースを挿入します。（ＮＮのみ）

使用例：

*****

span

ドキュメント内テキストの任意の範囲を一塊として指定します。

使用例：

<span style="background-color: yellow">黄色</span>　黄色

strike

打消し線を指定します。（ｓと同じ機能ですが、さまざまなブラウザで使用可能です）

使用例：

<s>あいうえお</s>　 ~~あいうえお~~

strong

テキストを強調します。

使用例：

<strong>パソコンのすすめ</strong>　 パソコンのすすめ

style

ドキュメントレベルでのスタイルシートを定義する時などに指定します。

使用例：

sub

下付き文字を指定します。

使用例：

<sub>パソコン</sub>　 _パソコン

sup

上付き文字を指定します。

使用例：

<sup>パソコン</sup>　 ^パソコン

tabindex

選択順序（フォーカス移動）を0～32767の範囲内で任意の数字を割り当てて指定します。

使用例：

tabindex=5など

target

主にフレーム使用のページでハイパーリンク先の内容を表示する場所を指定します。

使用例：

target="_blank"（新ウィンドウ）など　その他"_self"（自身）　"_parent"（親）など

title

スタイルシートなどのタイトルを指定します。

使用例：

<title>PCnosusume</title>など

tt

テキストを等幅フォントで表示します。

使用例：

<tt>タイプライタ</tt>　 タイプライタ

type

リスト内の項目のマークなどを個々に指定します。

使用例：

type="disc"などその他"circle"（白丸）、"square"（正方形）など

u

下線（アンダーライン）を指定します。

使用例：

<u>アンダーライン</u>　アンダーライン

ul

順序のないリスト形式を指定します。

使用例：

プリンタ
パソコン

urn

(Uniform Resource Name)主にISBNなど「名前」でインターネットの情報資源を指定します。

使用例：

<a href="urn:isbn:0000000000">パソコンのすすめ</a>（楽天ブログはISBN利用不可）？

usemap

クライアントサイドでクリッカブルマップの位置を指定する場合に使用します。

使用例：

valign

垂直位置を指定します。

使用例：

valign="top"　その他"middle"（中央揃え）、"bottom"（下揃え）など

var

プログラムの変数や引数を表現します。

使用例：

<var>str="";</var>　 str="";

vspace

画像とテキスト間の縦の間隔を指定します。

使用例：

<img vspace="5">など

wbr

nobrタグ内で改行位置を指定します。（ＮＮ独自の機能）

使用例：

width

長さを定義します。

使用例：

width="60"など

table・marqueeに関する要素については　こちら　をご参照下さい。