空の段落タグ-HTMLエディターで許可する必要がありますか?

21
ingredient_15939 2013-02-13 21:16.

私はCKEditor4を使用しています<p></p>。これは、空白行を示すために使用するデフォルト設定があるようです。これまで、私は常に-ieで表されるHTMLの空白行を見てきました<p>&nbsp;</p>。空のタグではありません。

したがって、空白行を表すCKEditorのデフォルト出力は次のようになります。

<p>paragraph before blank line</p>
<p></p>
<p>paragraph after blank line</p>

問題は、変更のために、IE7,8,9はこれを空白行として「正しく」レンダリングするように見えるのに対し、FirefoxとChromeはそうではない-レイアウトの観点から、空のタグ<p><div>タグを無視するように見えることです。

そのため、現時点では、CKEditor&nbsp;に空白行(何らかの理由でデフォルト設定ではない)に含めるように指示し、バックエンドで、<p>すり抜ける可能性のある空のタグの出現を置き換える必要があります。

私の質問は、HTMLで空白行を表現するためのゴールドスタンダードは何ですか?古き良き<p>&nbsp;</p>、または何か他のもの?

また、CKEditorのデフォルト設定が<p>空白行の空のタグであるとすると、ChromeとFirefoxはそれらを無視するのは間違っていますか?または、IEがそれらを空白行としてレンダリングするのは間違っており、CKEditorのデフォルトは実際に使用する必要があります<p>&nbsp;</p>か?

4 answers

32
Jukka K. Korpela 2013-02-13 23:19.

要素のHTML4.01pに従って、<p></p>は有効ですが、使用しないでください。ブラウザはそれを無視する必要があります。ブラウザの動作に一貫性がなく、通常は仕様に準拠していません。<hr><hr><p></p><hr>たとえば、これをテストします。Chromeでは、p要素の高さはゼロですが、上下の余白があるため、レンダリングに影響します。つまり、無視されません。– HTML5 CRは、この問題について沈黙しているようです。つまり、pコンテンツが空の要素について具体的なことは何も述べていません。更新: HTML5には、コンテンツモードとしてフレージングコンテンツを含む要素(など)に関する一般的なステートメントがありますp。このような要素には、「要素間空白ではない子孫テキストノードが少なくとも1つあるか、子孫要素が少なくとも1つある必要があります。埋め込まれたコンテンツであるノード」。これは、それ<p></p>を使用すべきではないことを意味します。ただし、これは推奨事項であり、適合要件ではありません(「すべき」ではなく、「すべき」)。

の効果は<p>&nbsp;</p>仕様によって定義されていません(ノーブレークスペース文字のレンダリングは定義されていません)が、ブラウザは通常、ノーブレークスペースをさらに別のグラフィック文字として扱います。これはたまたま空のグリフでレンダリングされます。したがって、実際には、計算された値によって決定される高さのラインボックスが生成されますline-height

デフォルトでは、p要素間にマージンがあり、1つの空の行に対応します。したがって、p要素間の空白行の必要性は、p { margin: 0 }CSSのようなものによって、デフォルトのスタイルをオーバーライドすることによって引き起こされたようです。これをオーバーライドするには、人工p要素ではなく追加のCSSを使用する必要があります。つまり、一部のp要素には、適切なゼロ以外の下部または上部のマージンが必要です。

HTML 4.01は、「空白文字」をAsciiスペース、Asciiタブ、Asciiフォームフィード、およびゼロ幅スペース(したがって、たとえばノーブレークスペースではない)を指すものとして定義し、それらのレンダリングを定義し、次のように追加します。ここで空白文字として明示的に識別されているもの以外のスペース文字の動作、レンダリング、またはその他を示すものではありません。このため、作成者は適切な要素とスタイルを使用して、スペース文字ではなく空白を含む視覚的なフォーマット効果を実現する必要があります。」

2
Mikael Härsjö 2013-02-13 21:36.

IEにはこれが間違っていると思います。空の段落は私には意味がありません。

w3.orgから:

著者が空のP要素を使用することはお勧めしません。ユーザーエージェントは空のP要素を無視する必要があります。

ユーザーが空白行を作成するときは、テキストを段落で囲むことをお勧めします。

したがって、代わりに:

before line break<p>&nbsp;</p>after line break

生成する必要があります

<p>before line break</p><p>after line break</p>

意味がありますか?

1
Spook SEO 2014-05-17 08:50.

標準に準拠したHTMLおよびCSSコーディングを使用してコーディングする場合、Webサイトのテキストコンテンツの重要な要素は通常の段落タグに配置されます。これはと書かれてい<p>ます。段落テキストを書くときにSEOに適した段落テキストを作成するには、前の小見出しを見て、この見出しテキストを説明および拡張するWebページコンテンツを作成することをお勧めします。はい、HTMLエディタで空の段落タグを使用する必要があります。

0
newpatriks 2013-02-13 22:11.

SEOの場合、ナビゲーターが空をレンダリングするのは良くないと思います<p>。ddbbに保存する前にjsまたはphpに置き換えます:)

Related questions

MORE COOL STUFF

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire は、彼女が息子の Shelby Blackstock と共有する「楽しい」クリスマスの伝統を明らかにしました:「私たちはたくさん笑います」

Reba McEntire が息子の Shelby Blackstock と共有しているクリスマスの伝統について学びましょう。

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルは、自然な髪のスタイリングをめぐってマライア・キャリーと結ばれました

メーガン・マークルとマライア・キャリーが自然な髪の上でどのように結合したかについて、メーガンの「アーキタイプ」ポッドキャストのエピソードで学びましょう.

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子は家族との関係を修復できるという「希望を持っている」:「彼は父親と兄弟を愛している」

ハリー王子が家族、特にチャールズ王とウィリアム王子との関係について望んでいると主張したある情報源を発見してください。

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドは、パニックに陥った休暇の瞬間に、彼女がジャッド家の家長であることを認識しました

ワイノナ・ジャッドが、母親のナオミ・ジャッドが亡くなってから初めての感謝祭のお祝いを主催しているときに、彼女が今では家長であることをどのように認識したかを学びましょう.

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

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

セント ヘレナ島のジェイコブズ ラダーは 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アプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?

作家のアンバー・ラフィンとジェニー・ヘーゲルが上司のセス・マイヤーズを引き継ぐのを見る

作家のアンバー・ラフィンとジェニー・ヘーゲルが上司のセス・マイヤーズを引き継ぐのを見る

深夜のアンバー・ラフィンとジェニー・ヘーゲルが繰り返し「ジョーク・セス・カント・テル」で戻ってきました。これらのジョークの多くは観客をがっかりさせますが、最初から最後まで素晴らしいです。ルフィンとヘーゲルは黒人女性として自己紹介します。とゲイの女性、それぞれ、したがって、セスマイヤーズが10フィートのポールで触れることができない主題について賢明にクラックすることができます。

ジョンウィック:第3章は2019年5月に劇場への道を容赦なく殺します

ジョンウィック:第3章は2019年5月に劇場への道を容赦なく殺します

(写真:ライオンズゲート)この「キアヌ・リーブスはダッパースーツを着て人々を殺害する」というモチーフ全体が手元にあることをはっきりと知っているライオンズゲートは、スタイリッシュで復讐に燃えるジョン・ウィックのフランチャイズで3回目のリリース日を設定しました。犬をベースにした復讐のためのババ・ヤガの果てしない十字軍を支えるバットシット神話をより深く掘り下げることを約束する3番目のジョン・ウィック映画は、2019年5月17日に設定されました。これまでのところ、それはその日に上陸した唯一の映画です。

このパイロットは、This IsUsの残りの部分に高い基準を設定します

このパイロットは、This IsUsの残りの部分に高い基準を設定します

写真:NBCパイロットは良すぎるのでしょうか?ありそうもないようですが、This IsUsのファンの場合はそうかもしれません。クレイジー、バカ、ラブライターのダン・フォーゲルマンからの待望の新シリーズは、ツイストエンディングを中心に展開しています。シリーズを適切に設定しますが、非常に巧妙に行われているため、改善の余地はあまりありません。

ああ、GIFがついにFacebookで機能する

ああ、GIFがついにFacebookで機能する

ここにいくつかのニュースがあります:あなたは今FacebookにGIFを埋め込むことができます。まあ、技術的には、GIFへのリンクを投稿することができ、Facebookは、他のほとんどすべてのソーシャルネットワークが何年も行ってきたようにアニメーションを作成します。

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

米国のフィギュア スケートは、チーム イベントでの最終決定の欠如に「苛立ち」、公正な裁定を求める

ロシアのフィギュアスケーター、カミラ・バリエバが関与したドーピング事件が整理されているため、チームは2022年北京冬季オリンピックで獲得したメダルを待っています。

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

Amazonの買い物客は、わずか10ドルのシルクの枕カバーのおかげで、「甘やかされた赤ちゃんのように」眠れると言っています

何千人ものAmazonの買い物客がMulberry Silk Pillowcaseを推奨しており、現在販売中. シルクの枕カバーにはいくつかの色があり、髪を柔らかく肌を透明に保ちます。Amazonで最大46%オフになっている間にシルクの枕カバーを購入してください

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

パデュー大学の教授が覚醒剤を扱った疑いで逮捕され、女性に性的好意を抱かせる

ラファイエット警察署は、「不審な男性が女性に近づいた」という複数の苦情を受けて、12 月にパデュー大学の教授の捜査を開始しました。

コンセプト ドリフト: AI にとって世界の変化は速すぎる

コンセプト ドリフト: AI にとって世界の変化は速すぎる

私たちの周りの世界と同じように、言語は常に変化しています。以前の時代では、言語の変化は数年または数十年にわたって発生していましたが、現在では数日または数時間で変化する可能性があります。

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

犯罪擁護派のオークランドが暴力犯罪者のロミオ・ロレンゾ・パーハムを釈放

SF攻撃で91歳のアジア人女性が殴られ、コンクリートに叩きつけられた

認知症を患っている 91 歳のアジア人女性が最近、47 番街のアウター サンセット地区でロメオ ロレンゾ パーハムに襲われました。伝えられるところによると、被害者はサンフランシスコの通りを歩いていたところ、容疑者に近づき、攻撃を受け、暴行を受けました。

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Cómo mejoramos la accesibilidad de nuestro componente de precio, y cómo nos marcó el camino hacia nuevos saberes para nuestro sistema de diseño. Por Ana Calderon y Laura Sarmiento Leer esta historia en inglés.

ℝ

“And a river went out of Eden to water the garden, and from thence it was parted and became into four heads” Genesis 2:10. ? The heart is located in the middle of the thoracic cavity, pointing eastward.

Language