Q&A
前提・実現したいこと
<td>タグの中での改行をしたいんですが、<br>タグは使えるが、好ましくないというサイトを見かけました。例えばですが、以下のコードで「長文が入力されています。」の中で「長文が」のあとに改行「入力」の後に改行を行って、1つの<td>に3行表示される状態を作り出す事は可能でしょうか？
一定の幅を超えたら文字が折り返すのではなく、自分が決めた文字で折り返すような感じにしたいです。
難しいのであれば、1つの<td>に3行ではなく、3つの<td>を作るべきでしょうか？
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6</head> 7 8<body> 9 <table border="1"> 10 <tr> 11 <th>長文が入力されています。</th> 12 <th>長文が入力されています。</th> 13 </tr> 14 <tr> 15 <td>長文が入力されています。</td> 16 <td>長文が入力されています。</td> 17 </tr> 18 <tr> 19 <td>長文が入力されています。</td> 20 <td>長文が入力されています。</td> 21 </tr> 22 </table> 23</body> 24</html> 25
回答2件
0
<td>タグの中で改行をしたい場合、<br>タグは使えない？
マークアップ構造として td > br になっても問題ありません。
HTML5では
許可されているコンテンツ フローコンテンツ
コンテンツカテゴリ フローコンテンツ 記述(フレージング)コンテンツ
となっており、
html4 ですと
ともに、BRタグは <!ENTITY> で %special; > %inline; > %flow; に相当しますが、TD要素の子要素の定義に %flow; が明記されていますので、こちらも仕様上は問題ないことが確認できます。
dtd
1<!ELEMENT (TH|TD) - O (%flow;)* -- table header cell, table data cell-->
好ましくないというサイトを見かけました
参考にされた記事の根拠を判断できません。
昔の SEO は仕様よりも小手先で順位を狙う風潮もありましたが、よくわかりません。
ハイパーリンクというwebの特徴を活かし、リンクを貼ったほうが良いと思います。
投稿2020/09/08 13:52
総合スコア5434
0
<td>タグの中での改行をしたいんですが、<br>タグは使えるが、好ましくないというサイトを見かけました
いえ、<td>の中でも<br>は使えますので、改行したい場所で自由に改行して良いと思います。
ただし、行間のために連続したbrを使うなど、見た目目的のための<br>の使用は控えるといった点に気をつければ良いかと思います。
投稿2020/09/08 13:36
総合スコア3404
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。