なぜ<br/>ではなく<br/>?

23
Stefano Borini 2009-11-02 16:45.

これはあなたが一度読んだものの一つです、「あはは!」と言ってください。そして忘れてください。まさに私の場合。

xhtmlの改行タグが<br />、同じくok形式ではなく、スペースで優先的に記述されているのはなぜ<br/>ですか?その理由は面白かったのを覚えています。ご想像のとおり、グーグルで見つけるのは簡単ではありません。

確かに、それはxmlの整形式性の問題ではありません。W3Cから

[44]    EmptyElemTag       ::=      '<' Name (S Attribute)* S? '/>' 

   Empty-element tags may be used for any element which has no content, whether
   or not it is declared using the keyword EMPTY. For interoperability, the 
   empty-element tag should be used, and should only be used, for elements which 
   are declared EMPTY.

Examples of empty elements:

<IMG align="left"  src="http://www.w3.org/Icons/WWW/w3c_home" /> 
<br></br> 
<br/>

したがって、最後のスペースはオプションです。

13 answers

23
Matt Hamilton 2009-11-02 16:49.

私が正しく思い出せば、それは単にいくつかの古いブラウザがスラッシュの前にスペースがない自動閉鎖タグに問題があったからです。最近の問題ではないかと思いますが、多くの開発者(私も含めて)がスペースを含める習慣を身につけました。

編集:ああ、ここにあります:

http://www.w3.org/TR/xhtml1/#guidelines

空の要素の末尾の/および>の前にスペースを含めます(例:<br /><hr />および)<img src="karen.jpg" alt="Karen" />。また、空の要素には最小化されたタグ構文を使用します。たとえば<br /><br></br>XMLで許可されている代替構文では、多くの既存のユーザーエージェントで不確実な結果が得られます。

46
Matt 2010-01-19 16:00.

w3cは、これを文法として指定しています。

EmptyElemTag       ::=      '<' Name (S Attribute)* S? '/>'

つまり、角かっこ、名前、(スペースと属性)トークンの数、オプションのスペース、スラッシュ、および終了タグを意味します。これによると、両方とも正しいです。

23
SLaks 2010-01-19 16:03.

一部の古いブラウザはスペースがないと要素を正しく解析しなかったため、ほとんどのWeb開発者はを使用します<br />。どのブラウザが手元にないかは覚えていませんが、それらはほぼ絶滅していると思います。

編集ブラウザはNetscape4でした。

15
bmargulies 2010-01-19 15:59.

XHTMLには正しい方法はありません。これらはXMLでは形式的に同一です。その場所では空白は重要ではありません。

9
Jörg W Mittag 2010-01-19 20:01.

XHTMLの場合:両方。HTML4以前の場合:どちらでもありません。

7
jrockway 2009-11-02 16:50.

<br />は有効な(古い)HTMLですが、そうで<br/>はありません。XHTMLをXMLとして提供している場合、それは問題ではありません。として提供している場合はtext/html、有効なXHTMLであることに加えて、有効なHTMLである必要があります。(なぜXHTMLをHTMLとして提供するのですか?IEはXHTMLをXMLとして理解せず、主要なブラウザーがテキストのダウンロードの途中でXHTMLのレンダリングを開始しないためですが、HTMLへのレンダリングを開始します。サイトは遅いですが、すべてがフェッチされるまでブラウザはページのレンダリングを開始しないためです。私はブラウザが嫌いです。)

7
Alohci 2009-11-03 10:50.

マットハミルトンの答えに追加する少しの背景。

少なくとも1つの問題のあるブラウザはNetscape4でした。簡単なチェックは、そのブラウザでは、<br/>(つまりスペースがない)ことで改行が発生しないことを示しています。実際、何もしていないようです。<br />(つまりスペースあり)は改行を実行します。

XHTMLまたはHTMLとして動作できるポリグロットドキュメントを作成する場合(注:「有効」ではなく「動作」)、<br/>または<br> </br>のいずれかを使用する必要があります。ただし、HTMLとして解析される場合、</br>は<br>であるかのように扱われるため、<br> </br>は2つの改行を生成します。

5
Asaph 2010-01-19 16:04.

どちら<br/><br />正しいです。そもそも発生し<br />た理由は、新しい<br/>構文を理解していない古いブラウザをサポートするためでした。これは本当に一種のハックであり、/は値のない属性として解釈され、無視されます。

4
LBushkin 2010-01-19 15:59.

どちらも正しく、どちらもWebブラウザで受け入れられます。余分な文字を保存して、使用することもできます<br/>

3
Leo 2010-01-19 16:02.

どちらも正しいです。しかし、私は<br />自分のコードの一貫性を保つためだけに使用します...

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

の代わりに

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

バイトを節約するためだけに...そして2番目のバージョンは読みやすくなっています。しかし、それは好みの問題です。好きなようにやってください、でも一貫してやってください:-)

1
slf 2010-01-19 15:58.

どちらでも問題なく動作します。あなたが福音主義の理由を求めていると仮定すると、私は<br/>を好みます

0
Amra 2010-01-20 01:15.

どちらも正しいです。

0
Ms2ger 2010-01-20 04:33.

<br>。とにかくXMLを使用していません。

MORE COOL STUFF

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは3日間一緒に夫と一緒に寝て、25年経ってもまだ夫と結婚しています

ケイト・ブランシェットは、夫に会ったとき、典型的な交際のアドバイスに逆らいました。

マイケルシーンが非営利の俳優である理由

マイケルシーンが非営利の俳優である理由

マイケルシーンは非営利の俳優ですが、それは正確にはどういう意味ですか?

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

ホールマークスターのコリンエッグレスフィールドがRomaDramaLiveでスリル満点のファンと出会う![エクスクルーシブ]

特徴的なスターのコリン・エッグレスフィールドは、RomaDrama Liveでのスリル満点のファンとの出会いについて料理しました!加えて、大会での彼のINSPIREプログラム。

「たどりつけば」をオンラインでストリーミングできない理由

「たどりつけば」をオンラインでストリーミングできない理由

ノーザンエクスポージャーが90年代の最も人気のある番組の1つになった理由を確認するには、Blu-rayまたはDVDプレーヤーをほこりで払う必要があります。

バイオニック読書はあなたをより速く読むことができますか?

バイオニック読書はあなたをより速く読むことができますか?

BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖:アクセスは簡単ではありませんが、ハイキングする価値があります

ドミニカのボイリング湖は、世界で2番目に大きいボイリング湖です。そこにたどり着くまでのトレッキングは大変で長いですが、努力する価値は十分にあります。

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

私たちの水をきれいに保つのを助けるためにあなたの髪を寄付してください

サロンからのヘアトリミングや個人的な寄付は、油流出を吸収して環境を保護するのに役立つマットとして再利用できます。

ホワイトハウスの最も記憶に残る結婚式を見てください

ホワイトハウスの最も記憶に残る結婚式を見てください

過去200年以上の間にホワイトハウスで結婚したのはほんの数人です。彼らは誰でしたか、そしてそこで結婚式を獲得するために何が必要ですか?

驚くほど素晴らしいDropMixミュージックミキシングカードゲームは30ドルで驚くべき取引です

驚くほど素晴らしいDropMixミュージックミキシングカードゲームは30ドルで驚くべき取引です

DropMixはNFC対応のカードゲームで、基本的にはリミックスアーティストになります。現在、Amazonでは$ 30まで下がっており、これまでで最高の価格に匹敵します。ロックバンドで有名なHarmonixによって開発されたDropMixは、おそらく少し野心的すぎるように思われます。結局のところ、ほとんどの人は素晴らしいリズムを持っていませんが、ゲームは驚くほどうまく実行されます。

メアリーJ.ブライジがついにハリウッドウォークオブフェイムスターを獲得

メアリーJ.ブライジがついにハリウッドウォークオブフェイムスターを獲得

写真:APメアリーJ.ブライジは、間もなくハリウッドウォークオブフェイムのスターを獲得します。これは、メアリーJよりもハリウッドウォークオブフェイムのほうが正直なところ恩恵です。

MeltdownとSpectreの脆弱性についてこれまでに知っていることはすべて、簡単な方法で説明されています

MeltdownとSpectreの脆弱性についてこれまでに知っていることはすべて、簡単な方法で説明されています

画像:グラズ工科大学/ NataschaEiblがデザインしたロゴ。MeltdownとSpectreは、攻撃者がシステムメモリに保存されているあらゆる種類の情報にアクセスできるようにする2つの脆弱性に付けられた名前です。

彼のニューヨークの家から追い出されようとしている97歳の第二次世界大戦の獣医。メリーエフィングクリスマス

彼のニューヨークの家から追い出されようとしている97歳の第二次世界大戦の獣医。メリーエフィングクリスマス

日本人に襲われたときに真珠湾にいた97歳の第二次世界大戦のベテランが、ニューヨークのブルックリンから追い出されています。

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya Wishes Boyfriend Tom Holland Happy Birthday with Cuddly Photo: He 'Makes Me the Happiest'

Zendaya shared a sweet photo in honor of boyfriend Tom Holland's 26th birthday Wednesday

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

小さな女性:脳卒中を患った後に病院から解放されたアトランタのジューシーな赤ちゃん:「まだ癒し」

シーレン「Ms.JuicyBaby」ピアソンは、先月脳卒中で入院した後、「もう一度たくさんのことをする方法を学ばなければならない」ため、言語療法を受けていることを明らかにしました。

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

エマストーンは彼女のクリフサイドマリブビーチハウスを420万ドルでリストアップしています—中を見てください!

オスカー受賞者の世紀半ばの家には、3つのベッドルーム、2つのバス、オーシャンフロントの景色があります。

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、母乳育児の経験の中で、彼女は「本当に、本当に落ち込んでいる」と言います

ジーニー・メイ・ジェンキンスは、生後4か月の娘、モナコに母乳育児をしていると語った。

投資ノート:Bioscout AU$300万シード

投資ノート:Bioscout AU$300万シード

Bioscoutは、農家を運転席に置くという使命を負っています。Artesian(GrainInnovate)やUniseedと並んで、最新のシードラウンドでチームを支援できることをうれしく思います。問題真菌症による重大な作物の損失は、農民にとって試練であることが証明されています。

リトルマーケットリサーチ1| 2022年のクイックグリンプス遠隔医療市場

リトルマーケットリサーチ1| 2022年のクイックグリンプス遠隔医療市場

遠隔医療は、パンデミック後の時代では新しいものではなく、時代遅れの分野でもありません。しかし、業界を詳しく見ると、需要と供給の強力な持続可能性と、米国で絶え間ない革命となる強力な潜在的成長曲線を示しています。

スタートアップ資金調達環境:タイのスタートアップエコシステムの次は何ですか?

スタートアップ資金調達環境:タイのスタートアップエコシステムの次は何ですか?

2021年は、世界的なベンチャーキャピタル(VC)の資金調達にとって記録的な年でした。DealStreetAsiaによると、東南アジアも例外ではなく、この地域では年間で記録的な25の新しいユニコーンが採掘されました。

ムーアの法則を超えて

ムーアの法則を超えて

計算に対する私たちの欲求とムーアの法則が提供できるものとの間には、指数関数的に増大するギャップがあります。私たちの文明は計算に基づいています—建築と想像力の現在の限界を超える技術を見つけなければなりません。

Language