No.2ベストアンサー
- 回答日時:
Web屋です。
OkWebの様なサイトを設計, 開発する仕事をしています。>(1) ,一つ下のディレクトリにある画像などを参照するとき,
>
>a) <img src="images/logo.gif">
>b) <img src="./images/logo.gif">
>
>と,どちらの記述でも同じ画像を表示できますが,何か違いがあるのでしょうか.
違いはありません。b)は、相対ディレクトリ表現を明確に指定している物です。
個人的には、b)の書き方を推奨します。
(ディレクトリ構成が変わった時、対処が容易になるので。)
>(2) たまに,<br> を <br /> などと記述しているHTMLソースをみかけますが,
> これらにも何か違いはありますか?
前者は、HTMLの文法です。
後者は、XHTMLの文法です。
不明な点があれば、再度質問してください。
早速のご教示ありがとうございました.
今までa)でしたが,確かに,b)の書き方の
方が後々のメンテによさそうですね.
大変参考になりました.
No.8
- 回答日時:
(1)
一般的なhtmlの範囲に於いては全く同じですね。
どちらも相対指定として正しいですし有効です。
(2)
Dpopさんの仰る通りです。
XHTMLでは空要素タグも閉じる必要があります。
http://openlab.ring.gr.jp/k16/htmllint/explain.h …
余談。
XHTMLでも<br>と書いて解釈されないわけではないですし、HTMLで<br />と書いても同様です。
ただし、定義を無視してしまっているので厳密には定義に従うべきです。
ブラウザの表示結果だけで考えていると、誤った記述も正しいように解釈してしまうので、ソースを見直す習慣がないと正しくない記述を信じてしまうことがありますね。
言うなれば「<p>は2行分の改行です」みたいなことが…。
※ブログでフォーム内の改行を<br />に変換。などというのがありますが、これを無効にして記述しているとXHTMLなのにも関わらず<br>で記述してしまったりすることがありますね…。
ご教示ありがとうございました.
拝借したHTMLに<br />が散見されたんです.
でも使えるからいっか,とそのままに
してましたが,おっしゃるようにやはり
厳密に'正しい'方がいいですね.
気持ち悪いので
直しておくことにします.
No.6
- 回答日時:
#2 です。
#4 さんへ
>(2)の質問について。
><br />は間違いでは?<br>は改行のタグなので、それだけでいいはずです。たとえ<br />のようなものがあったとしても、</br>と書くべきだと思います。
>私も現在htmlは勉強中の身なので、もし間違いがあったらすいません。
それは違います。</br>はHTMLとしてもXHTMLとしても間違った文法です。
HTMLには様々なバージョンがあります。その1つの亜種としてXMLを意識したHTMLがあります。
XMLでは、閉じタグが無いことを許しません。しかし、<br>~</br>はHTML的に間違っています。
そのため、<br>の様に閉じタグを作る事ができない様なタグの場合、タグの終了を明確にするために、致し方なく、<br />の様に、<なんとか />とする文法が存在します。
ここで言う<br />はこの文法による物です。
比較的に新しい文法では無いのですが、あまり浸透していないかも知れません。
HTMLの入門書を書くライターさんの中にも、この文法を理解していない方も居ますし。。。(苦笑)
No.5
- 回答日時:
(2)
<br /> は、XHTMLの文法では間違いではありません。
(ここOKWebのトップページのソースにもあります。)
参考URL:http://linkage.xrea.jp/ref/xhtml_ref/br.html
No.4
- 回答日時:
(1)の質問に対して。
aもb同じです。用はどこにそのファイルがあるかを相対パスで示しているものです。「./」というのは現在のページ
(<img src="./images/logo.gif">が記述されているページ)があるディレクトリ(フォルダ)と同じ場所にある「images」ディレクトリと言う意味です。
「./」がなくても現在のページと同じディレクトリにあるものであれば「./」がなくても良いのです。
(2)の質問について。
<br />は間違いでは?<br>は改行のタグなので、それだけでいいはずです。たとえ<br />のようなものがあったとしても、</br>と書くべきだと思います。
私も現在htmlは勉強中の身なので、もし間違いがあったらすいません。
No.3
- 回答日時:
(1)違いはありません。
パスについては、下記URLに詳しく載っています。
http://www.cj-c.com/faq/pass.htm
(2)本来は<br>が正しいです。
<br/>は間違いですが、一応機能されます。
ただ、私はOS XPのIEでしか確認してませんので、他のOSやブラウザでどう表示されるかは分かりません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP 画像が表示出来ません。 1 2023/02/02 16:30
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSS、Bootstrapについて contai...
-
css初心者 フレックスボックス...
-
HPレイアウトが同じページのヘ...
-
角丸画像の背景色を透明にした...
-
テーブルのセルデータを自動改...
-
HTMLを正しく表示させるには
-
WEBページを強制的に横画面で見...
-
列のどこをクリックしてもソー...
-
htmlソース文の 各行 改行位置...
-
HTMLに背景を追加するやり方を...
-
大至急。webのシングルページを...
-
htmlについて質問です コードを...
-
html/cssで要素が出てこなくて...
-
テーブルの行を折りたたみたい...
-
HTMLで画像をポップアップで表...
-
HTMLで特定の文字だけ色を変え...
-
リンクバナーのHTMLタグ。画像...
-
CSS のみのタブ切り替えについて
-
ウェブサイトにアップされてい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報