なぜ<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

「水曜日」シーズン1の中心には大きなミステリーがあります

「水曜日」シーズン1の中心には大きなミステリーがあります

Netflixの「水曜日」は、典型的な10代のドラマ以上のものであり、実際、シーズン1にはその中心に大きなミステリーがあります.

ボディーランゲージの専門家は、州訪問中にカミラ・パーカー・ボウルズが輝くことを可能にした微妙なケイト・ミドルトンの動きを指摘しています

ボディーランゲージの専門家は、州訪問中にカミラ・パーカー・ボウルズが輝くことを可能にした微妙なケイト・ミドルトンの動きを指摘しています

ケイト・ミドルトンは、州の夕食会と州の訪問中にカミラ・パーカー・ボウルズからスポットライトを奪いたくなかった、と専門家は言う.

一部のファンがハリー・スタイルズとオリビア・ワイルドの「非常に友好的な」休憩が永続的であることを望んでいる理由

一部のファンがハリー・スタイルズとオリビア・ワイルドの「非常に友好的な」休憩が永続的であることを望んでいる理由

一部のファンが、オリビア・ワイルドが彼女とハリー・スタイルズとの間の「難しい」が「非常に友好的」な分割を恒久的にすることを望んでいる理由を見つけてください.

エリザベス女王の死後、ケイト・ミドルトンはまだ「非常に困難な時期」を過ごしている、と王室の専門家が明らかにする 

エリザベス女王の死後、ケイト・ミドルトンはまだ「非常に困難な時期」を過ごしている、と王室の専門家が明らかにする&nbsp;

エリザベス女王の死後、ケイト・ミドルトンが舞台裏で「非常に困難な時期」を過ごしていたと伝えられている理由を調べてください.

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セントヘレナのジェイコブのはしごを登るのは、気弱な人向けではありません

セント ヘレナ島のジェイコブズ ラダーは 699 段の真っ直ぐ上る階段で、頂上に到達すると証明書が発行されるほどの難易度です。

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

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

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

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

パンデミックは終わったかもしれないが、Covid-19 は終わっていない

パンデミックは終わったかもしれないが、Covid-19 は終わっていない

2021 年 6 月 8 日にニューヨーク市で開催された covid-19 パンデミックで亡くなった人々の命を偲び、祝うために、ネーミング ザ ロスト メモリアルズが主催するイベントと行進の最中に、グリーンウッド墓地の正門から記念碑がぶら下がっています。週末、ジョー・バイデン大統領は、covid-19 パンデミックの終息を宣言しました。これは、過去 2 年以上にわたり、公の場でそうするための長い列の中で最新のものです。

デビル・イン・オハイオの予告編は、エミリー・デシャネルもオハイオにいることを明らかにしています

デビル・イン・オハイオの予告編は、エミリー・デシャネルもオハイオにいることを明らかにしています

オハイオ州のエミリー・デシャネル みんな早く来て、ボーンズが帰ってきた!まあ、ショーボーンズではなく、彼女を演じた俳優. エミリー・デシャネルに最後に会ってからしばらく経ちました.Emily Deschanel は、長期にわたるプロシージャルな Bones の Temperance “Bones” Brennan としてよく知られています。

ドナルド・トランプはFBIのマー・ア・ラーゴ襲撃映像をリリースする予定ですか?

ドナルド・トランプはFBIのマー・ア・ラーゴ襲撃映像をリリースする予定ですか?

どうやら、ドナルド・トランプに近い人々は、今月初めにFBIによって家宅捜索された彼のMar-a-Lago財産からの映像を公開するよう彼に勧めています. 前大統領はテープを公開するかどうかを確認していませんが、息子はフォックス・ニュースにそうなるだろうと語った.

Andor は、他の Star Wars ショーから大きな距離を置きます。

Andor は、他の Star Wars ショーから大きな距離を置きます。

アンドールの一場面。数十年前、ジョージ・ルーカスがスター・ウォーズのテレビ番組を制作するのを妨げた主な理由は、お金でした。

ケイト・ミドルトンとウィリアム王子は、彼らが子供たちと行っているスパイをテーマにした活動を共有しています

ケイト・ミドルトンとウィリアム王子は、彼らが子供たちと行っているスパイをテーマにした活動を共有しています

ケイト・ミドルトンとウィリアム王子は、子供向けのパズルの本の序文を書き、ジョージ王子、シャーロット王女、ルイ王子と一緒にテキストを読むと述べた.

事故で押しつぶされたスイカは、動物を喜ばせ水分補給するために野生生物保護団体に寄付されました

事故で押しつぶされたスイカは、動物を喜ばせ水分補給するために野生生物保護団体に寄付されました

Yak's Produce は、数十個のつぶれたメロンを野生動物のリハビリ専門家であるレスリー グリーンと彼女のルイジアナ州の救助施設で暮らす 42 匹の動物に寄付しました。

デミ・ロヴァートは、新しいミュージシャンのボーイフレンドと「幸せで健康的な関係」にあります: ソース

デミ・ロヴァートは、新しいミュージシャンのボーイフレンドと「幸せで健康的な関係」にあります: ソース

8 枚目のスタジオ アルバムのリリースに向けて準備を進めているデミ ロヴァートは、「スーパー グレート ガイ」と付き合っている、と情報筋は PEOPLE に確認しています。

Plathville の Kim と Olivia Plath が数年ぶりに言葉を交わすことへようこそ

Plathville の Kim と Olivia Plath が数年ぶりに言葉を交わすことへようこそ

イーサン プラスの誕生日のお祝いは、TLC のウェルカム トゥ プラスビルのシーズン 4 のフィナーレで、戦争中の母親のキム プラスと妻のオリビア プラスを結びつけました。

仕事の生産性を高める 8 つのシンプルなホーム オフィスのセットアップのアイデア

仕事の生産性を高める 8 つのシンプルなホーム オフィスのセットアップのアイデア

ホームオフィスのセットアップ術を極めよう!AppExert の開発者は、家族全員が一緒にいる場合でも、在宅勤務の技術を習得しています。祖父や曽祖父が共同家族で暮らしていた頃の記憶がよみがえりました。

2022 年、私たちのデジタル ライフはどこで終わり、「リアル ライフ」はどこから始まるのでしょうか?

20 年前のタイムトラベラーでさえ、日常生活におけるデジタルおよびインターネットベースのサービスの重要性に驚くことでしょう。MySpace、eBay、Napster などのプラットフォームは、高速化に焦点を合わせた世界がどのようなものになるかを示してくれました。

ニューロマーケティングの秘密科学

ニューロマーケティングの秘密科学

マーケティング担当者が人間の欲望を操作するために使用する、最先端の (気味が悪いと言う人もいます) メソッドを探ります。カートをいっぱいにして 3 桁の領収書を持って店を出る前に、ほんの数点の商品を買いに行ったことはありませんか? あなたは一人じゃない。

地理情報システムの日: GIS 開発者として学ぶべき最高の技術スタック

地理情報システムの日: GIS 開発者として学ぶべき最高の技術スタック

私たちが住んでいる世界を確実に理解するには、データが必要です。ただし、空間参照がない場合、このデータは地理的コンテキストがないと役に立たなくなる可能性があります。

Language