A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
まぁ気になるなら適当にspanでわけてnowrapしてしまえばよいのでは?
<style>
h1 span{white-space: nowrap;}
</style>
<h1><span>ああああああああああああ</span><span>いいいいいいいいいいいい</span><span>うううううううううううう</span></h1>
ブラウザの幅を狭めていくと、spanの切れ目で改行されます
No.2
- 回答日時:
h1内で<br>を使う事自体は文法違反ではありません。
SEO効果が落ちるかどうかはGoogleの人間にしかわかりませんが、
普通に考えて「見出しに<br>があるから価値の低いサイトだ」と判断する意味がないので多分大丈夫でしょう。
ただ、自動折り返しの場所を嫌って<br>を入れるのはただの自己満足に過ぎません。
あなたの環境で丁度よく見れたとしても他の方に丁度よく見えるとは限りません。
テキストは環境(マシンやブラウザ)によって見え方が異なるのが普通だからです。
例えば、
下記の文章をあなたの環境に合わせて強制改行したとしましょう
> 携帯サイトなので、ちょっと文字が長いだけで、自動で改行されてしまうので、特定の位置で自分で改行しようと思います。
↓↓↓
携帯サイトなので、ちょっと文字が長いだけで、
自動で改行されてしまうので、特定の位置で
自分で改行しようと思います。
見やすくなった、と思うのはあなただけ。
もう少し横幅が狭い端末で見ている方にはこう見えているかもしれません。
携帯サイトなので、ちょっと文字が長い
だけで、
自動で改行されてしまうので、特定の位
置で
自分で改行しようと思います。
そもそも文章というのは自動折り返しが入って当然なんです。
特に携帯サイトなんだったら色々な端末の事を考慮する必要があり、強制改行は出来るだけ使用しない方がいいでしょう。
No.1
- 回答日時:
brは、"forced line break"で強制改行のこと。
一つの段落でありながら、行を改めたほうが良い場合に使用します。<address>
東京都品川区<br>
・・・
</address>
とか、
通常は使用しない要素で、段落は<p></p>でマークアップすべきです。
SEOとはSearch Engine Optimizationの略で、本来は検索エンジンにページの内容が適切に分かるようにマークアップすることに由来します。(その結果、検索エンジンは探されているキーワードにそのページが最適だと理解でき、検索結果に反映される---それは結果)
上の例だと検索エンジンには、著者の連絡先だと理解できるし、<br>がその内部の区切りだと理解できる。
>携帯サイトなので、ちょっと文字が長いだけで、自動で改行されてしまうので、
それによって、横スクロールしなくても良いわけですから、問題はないと思うのですが??
>ちょっと文字が長いだけで、自動で改行されてしまうので、特定の位置で自分で改行しようと思います。
率直に読むと、「特定の位置まで改行させずにして、その後の指定位置で改行させる」様に読取れます。かえって不便になるような??
どのようなマークアップがよいかは、具体的な見出し項目の内容がわかるとよいのですが・・・
>携帯サイトなので、
media="handheld"を想定されてのことだと思いますが
http://momdo.s35.xrea.com/web-html-test/spec/CSS …
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
携帯電話と言っても様々な解像度・表示幅のものがあります。あまり固定的に考えないほうが良いのでは??
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- その他(ブラウザ) テキストの折り返しがないサイトの文字を折り返してPDF化したい 4 2022/12/02 09:49
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- MySQL MySQLに登録した内容を更新する時の、textareaの使い方 1 2022/07/11 18:20
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- Excel(エクセル) EXCELで指定した改行タグを入れていく 1 2022/04/15 23:25
- gooブログ 文字数の自動改行設定方法 3 2022/03/27 16:50
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
Hタグを改行禁止にしてspanのように使いたい
HTML・CSS
-
htmlのolやulなどlistにtitleやcaptionをつけられますか?
HTML・CSS
-
-
4
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
5
<h1>を使っても無改行にするには
HTML・CSS
-
6
質問1.
HTML・CSS
-
7
クリッピングマスクの枠の外を取り除く方法
画像編集・動画編集・音楽編集
-
8
ulタグやliタグの中でbrタグは使えない?
HTML・CSS
-
9
画像の上にテキスト配置で、拡大縮小でずれないようにする方法についてアドバイス願います。
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<TD><input type="text"></TD>...
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
\\n \\r \\t について
-
「:」について
-
テーブル内の文字列を改行させたい
-
シェルで特定の文字が消える
-
改行できる・できない入力ボッ...
-
テーブルの幅を固定するとnowra...
-
テーブル内のハイフンで改行さ...
-
エクセルVBA テーブルのフィー...
-
<h1>を使っても無改行にするには
-
なぜか<p> </p>が挿入され...
-
HTML言語をブラウザでも見...
-
VBS/ドラッグ&ドロップ/UTF-8
-
Hタグを改行禁止にしてspanのよ...
-
preタグがプロの現場であまり使...
-
文字の最後に半角空白が勝手に...
-
長いURLを途中で改行(折り返す...
-
テキストエリア内の改行もその...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テキストエリア内の改行禁止
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
長いURLを途中で改行(折り返す...
-
テーブルの幅を固定するとnowra...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
テーブル内の文字列を改行させたい
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行もその...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
htmlで文字列をクリップボード...
-
<br />タグの、brの後の半角ス...
-
<TD><input type="text"></TD>...
-
XMLの改行方法とリンクの仕方
-
html上で改行するとスペースが...
-
<br style="clear:both;">って...
-
mailtoで本文に改行を入れたい
-
文章改行で出来る半角スペース...
おすすめ情報