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も見ています
-
新NISA制度は今までと何が変わる?非課税枠の拡大や投資対象の変更などを解説!
少額から投資を行う人のための非課税制度であるNISAが、2024年に改正される。おすすめの銘柄や投資額の目安について教えてもらった。
-
テーブルタグの中に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
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストエリア内の改行もその...
-
改行できる・できない入力ボッ...
-
高校1年生情報の問題について。
-
<TD><input type="text"></TD>...
-
よくサイトの更新履歴のような...
-
テキストエリアの幅を10桁まで...
-
Hタグを改行禁止にしてspanのよ...
-
テーブルの中にスペースを入れたい
-
テーブルのセルデータを自動改...
-
キーフレーム
-
GoogleChromeでレイアウトが左...
-
下着などの洗濯タグ、どうやっ...
-
googleマップをポップアップウ...
-
掲示板からIPアドレスってど...
-
aviutlで最後まで動画が読み込...
-
ジャケットの革の素材がわかり...
-
超初心者です。「順次実行」練...
-
MMDのAVI出力にとんでもなく時...
-
Tタンクトップの首元に付いてい...
-
ホームページ制作でコピーライ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルのセルデータを自動改...
-
テキストエリア内の改行禁止
-
長いURLを途中で改行(折り返す...
-
H1タグに改行の<br>を使う
-
\\n \\r \\t について
-
テーブルの幅を固定するとnowra...
-
テーブル内の文字列を改行させたい
-
<TD><input type="text"></TD>...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
preタグがプロの現場であまり使...
-
改行できる・できない入力ボッ...
-
Windowsのformでtextareaに入力...
-
文字の最後に半角空白が勝手に...
-
XMLの改行方法とリンクの仕方
-
テキストエリア内の改行もその...
-
<br />タグの、brの後の半角ス...
-
htmlで文字列をクリップボード...
-
Hタグを改行禁止にしてspanのよ...
-
VBE でスペースと改行を見える...
おすすめ情報