の使い方なんですが・・画像に？？

Question

こんにちは、ホームページを作成するときに、文章に

こんなのを付けますよね？これって何ですか？付けないと駄目なのでしょうか？？また画像には

を付けるのでしょうか？よく私には基準がわからないので、どなたか分かる方おられましたら宜しくお願いします。

kwgm · Accepted Answer

エレメントは段落を表すエレメントです。文章のひとまとめを囲ってください。エレメントを

エレメントで必ず囲まなければならないわけではありませんが、規格により記述方法には注意が必要です。 HTML4.01 Transitional の場合エレメントにはインラインエレメントもブロックレベルエレメントも記述できるので、を直接記述できます。 HTML4.01 Strict （厳格な規格）の場合エレメントにはインラインエレメントを記述できないので、エレメントを直接記述することは出来ない。

や

などのブロックレベルエレメントの中に記述する必要があります。

を「改行＋一行空ける」という使い方は間違った使い方です。

エレメントは表示方法については何も決定しません。段落を表現する為に、ブラウザがたまたまそうしているだけで、違う表示方法も存在すると思われます。中身が空の

エレメントは無視されるべきものですが、音声ブラウザによっては、「ここに段落があるはずです」とか「ここに空白の段落があります」とか処理されるかもしれません。ためになりそうなサイト好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.or.jp/~wq6k-yn/konomac.html HTML文書の文法をチェック、採点する Another HTML-lint http://openlab.ring.gr.jp/k16/htmllint/index.html →「ゲートウェイサーヴィス」タグを調べるならばけらの HTML リファレンス http://www.ne.jp/asahi/minazuki/bakera/html/reference/reference

kwgm · Answer

>imgについては

を使用してもいいという事でしょうか？

エレメントを使うことが出来ます。「

」というのは存在しません。 >または使ったほうがいいのでしょうか？はたまた使うべきなのでしょうか？

エレメントはエレメントのためにある訳ではありませんし、エレメントも

エレメントで囲まないと記述できない訳ではありません。それどころかエレメントを

エレメントで囲めない状況はたくさんあります。この質問のページの左上に「goo」というロゴがあって、そのロゴをクリックするとgooのtopページが開きますよね。そのソースは以下のようになっています。ココのエレメントは

で囲ってありませんし、囲うこともできません。なぜ、囲うことができないかというと、エレメントはその中にブロックレベルエレメントを入れることが出来ないからです。

はブロックレベルエレメントですからエレメントに入れられません。エレメントを

エレメントで囲う必要があるのは、 #8の「HTML4.01 Strict の場合にエレメントの中に記述する場合」くらいですね。 >ちなみにimgを

でかこうと、音声ブラウザではaltが読み込まれるのでしょうか？？エレメントを他のエレメントで囲ったからといって、影響が出ることはありません。あるとしたら、それはブラウザのバグです。しかも音声ブラウザでエレメントのaltアトリビュートを読み込まないとしたら大変です。エレメントのaltアトリビュートは、画像を表示できないブラウザにおいて、画像の代替情報を与えるものです。音声ブラウザでコレを読み込めないとしたら、極めて深刻で致命的なバグです。不良品と言われるでしょう。

uuing · Answer

No.6の補足です。

HTMLに関するもっとも多い勘違いは，視覚的ユーザーエージェント(ブラウザ)での表示結果から，「HTMLはレイアウトを制御するんだ」という思い込みです。

HTMLは，本来，人間が読むための物ではなく，コンピューターが読むためのものです。

例えば，あるサイトの，全てのページのtitle要素を抜き出すようにプログラムを組めば，そのサイトの記事タイトルの一覧が取得できます。
また，h要素を抜き出せば，章のタイトルが取得できます。
さらに続けて最初のp要素を抜き出すことで，冒頭の書き出しを取得でき，なにに付いて書いてあるのかが把握できます。

このように，HTMLは，コンピューターが読みやすいようにテキストの構造を示すものであり，見た目を整えるためのものではありません。
見た目は出来るだけ，スタイルシートで指定することが望ましいです。

08narutotoruna · Answer

他の方もいっているように、p要素は、段落をあらわします。
p要素のpはparagraph（段落）の頭文字です。
改行でも、画像を中心に揃えるものでもありません。
間違わないようにご注意ください。

段落なら、p要素を使わないといけません。
画像を表示するimg要素は、インライン要素なので、ブロック要素の中に入れないといけません。
ですので、画像にはp要素を使います。

ブロック要素と、インライン要素について学ばれることをオススメします。

それと、HTMLタグ辞典関係のサイトや本は間違いばかり書いてあって、あてにならないので、信用できるサイトをご覧になってください。
No.8の方がご紹介されているサイトなら、安心できます。

BLUEPIXY · Answer

は、段落を表します。必ずしも使わなければならないということはありません。段落を意味する部分で使用します。画像単体を段落とすることはほとんどないと思いますので、段落の一部として画像が含まれることはあっても、画像だけに付けるというのはおかしいと思います。

uuing · Answer

～

は，段落を表します。画像を

で囲むのであれば，その画像は段落の一部ということになります。

がないと，どこまでが一塊の文章なのかが分かりにくくなります。画像()に

をつけるかどうかではなく，その画像が単独で段落を構成しているかどうかで，

をつけるかどうかが決まります。ですが，画像単独で段落を構成することはほぼないと思われますので，画像単独に対して

がつくことはまずないでしょう。

kuma56 · Answer

タグは、写真云々でなく、その場で一行あけて改行するタグなので、文章や全体のレイアウトをするときなどに使います。本来は文章の中でその部分がひとつの段落であることを判るようにするために前後に1行分改行されるものです。別に写真を載せる時に必須のものではありませんが、画像を乗せるときには周りにスペースを取る事もしばしば見受けられるので、偶然目にしたソースがそうなっていたのかも知れません。 "html タグ辞典"等をキーワードにしてWEB検索すると、タグの解説したサイトが見つかりますので覗いて見てはいかがでしょうか。例えば↓これなど。 http://heo.jp/tag/layout/p.html#p http://www.pixel.co.jp/HTMLDOC/HTMLindex.htm

ZENO888 · Answer

文字列

１つの段落として表示されるので、文字列の上下に１行ずつスペースが入った状態で表示されます。 HTMLのタグを紹介しているページや本は沢山ありますので、勉強してみましょう。

hime_mama · Answer

タグは、「一行あける」時に使われるタグです。よく使う
は改行するだけですが、

を入れると

と2回改行したのと同じことになります。

は閉じタグですが、

の場合は無くてもかまいません。どんな時に付けるのかですが、スペースを空けたいときですね。余白があることによってメリハリのあるページができると思います。上手に使えるようになると良いですね。タグ辞典サイトのURLくっつけておきます。参考にしてみてください。参考URL：http://heo.jp/tag/

-motto- · Answer

それは文章や画像を中心に揃えるものです。
外すと左寄りになります。

<p></p>の使い方なんですが・・画像に？？

<p>エレメントは段落を表すエレメントです。

>imgについては<p/>を使用してもいいという事でしょうか？

No.6の補足です。

他の方もいっているように、p要素は、段落をあらわします。

<p></p>

<p>～</p>は，段落を表します。

<p> </p> タグは、写真云々でなく、その場で一行あけて改行するタグなので、文章や全体のレイアウトをするときなどに使います。

<p>文字列</p>

<P>タグは、「一行あける」時に使われるタグです。

それは文章や画像を中心に揃えるものです。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング