ホームページ作成 区切り線、<h>タグおよび強調について教えてください。
現在、windows付属のメモ帳でホームページを作成している者ですが、素人のため三点ほど教えてほしいことがありますので、どなたかお願いいたします。
(1)区切り線について
段落の後や画像の後など一区切りを付けたい時に、<hr>タグやborder-bottomプロパティなどを使用して区切り線として表示しているのですが、上下の段落や画像との間に思うような間隔をあけて表示するにはどうすればよろしいのでしょうか?<br>タグを使って行単位で調整などしておりますが…。
(2)見出しやタイトル文字などで使用する<h>タグですが、順番に使用した方が良いということを知って、<h1>から順に<h2>、<h3>と使用するようにしているのですが、例えば、ページの内容などによって<h2>タグのスタイルシートを使用したくなく、<h1>タグから<h2>タグを飛ばして<h3>タグを使用することもあるのですが、このように、原則として小さい<h>タグから大きい<h>タグへの規則は守っているのですが、順番を飛ばしてしまっている使い方でも大丈夫でしょうか?
所詮、素人が作っているものですので、どう頑張っても検索結果の上位にくることなどあり得ないとは思っているのですが、少しでもSEO対策になればと考えているのですが。
(3)もう一点、くだらない質問で申し訳ないのですが、文字を強調したりするときに、HTMLに<b>タグ、<strong>タグを使用する方法、それにcssにfont-weight:boldを設定する方法などがあると思うのですが、これらは何が違うのでしょうか?
素人的質問ばかりで申し訳ないのですが、どなたかよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
(1)
br の連続は、好ましくありません。
<p style="padding: 20px 0 40px; border: gray solid; border-width:1px 0;">
上下枠線の間隔</p>
(2)
HTMLとCSSを分けて考える事。
HTMLは、構造化やマークアップだから、
正しく利用した方が望ましいので、本来は見出 h1.2.3 と順にする。
<h3>を<h2>にすれば良いだけ。
但し、基本的にはって事です。
(3)
HTMLとCSSを分けて考える事。
そう考えれば、CSSは意味ではなく、表示・装飾するだけ。
太く見せるだけでは強調の意味は無い。
<B>はHTMLで太く見せているだけ。
<strong>は強調の意味。
意味を付けるか、見た目を変えるかの違い。
検索エンジンは、意味を考慮する。
ケースバイケースで使い分けます。
HTML5からはちょっと変わるかもしれません。
HTMLとCSSを同時に覚えた人達は混合しちゃいがちですが
本来は、HTMLでマークアップするのが基本。
オプションとしてCSSで装飾すると考えれば良いかも。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- ノートパソコン 古いノートパソコンVostro 3500の電源アダプターについて 3 2022/10/07 13:58
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- 写真・ビデオ 写真や動画を保存する、これらを満たしたサービスはありませんか。 ・iOS, Android, Mac 2 2023/07/30 18:35
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- ヤフオク! ヤフオクの利用制限について 4 2023/08/07 23:17
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
reuterの記事をbeautiful.soup....
-
リッチテキストエディターでの...
-
タグにはさまれている文字以外...
-
htmlでflashを開く、画面サイズ...
-
正規表現でHTMLタグの属性まで...
-
VBAのコマンドボタンの文字列の...
-
エスケープ文字の復帰(¥r)と...
-
メッセージボックスで1025文字...
-
ソースコードの1行が長いとき...
-
文字の入力で横バー上段、中断...
-
ファイルから読み取った改行文...
-
半角英数字のみを受け付ける入...
-
ダブルコーテーション(
-
SJISで取得した半角カナをUTF-8...
-
C++でのCRLFについて
-
改行について
-
エクセルでの漢字、カタカナ、...
-
phpのメールフォームの完了画面...
-
PHPで変数から1行目だけを取得...
-
エディットボックスの改行
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
reuterの記事をbeautiful.soup....
-
JSFタグのfタグとは
-
正規表現で複数行に渡る範囲を...
-
変数にHTMLを代入する場合
-
phpの正規表現でstyle="●●"を削...
-
Nvuで作成したhtmlをコピペして...
-
正規表現で指定範囲すべて除去...
-
正規表現でタグの置換をしたい...
-
Strutsでリンクを動的に生成したい
-
自分でタグ打ちして作ったペー...
-
php正規表現 相対パス→絶対パス
-
ASP.NET(C#)とhtmlの#include
-
PHPの正規表現でHTMLタグの内容...
-
csobjというタグについて
-
VBSでのhtmlタグ要素名の置換
-
htmlタグ間の特定文字置換
-
URLの連続アクセス
-
HTMLファイルの書き換え
-
htmlspecialchars関数を使いな...
-
javascriptの正規表現でhtmlか...
おすすめ情報