No.3ベストアンサー
- 回答日時:
>以前、pxで調整できると聞いたことがあるのですが
これは何かの誤解でしょう。
HTMLは、Hyper Text Markup Languageの略ですが、このHyperという言葉は、他の文書または、他の文書の特定の【要素】にリンクできる機能を意味しています。
そして、Markupの意味ですが、それは文書をその文書を構成する要素(Element)に分解して、それぞれがその文書にとってどのような意味を持つ要素であるかをタグによってマークアップされているのです。
このふたつをきちんと理解してください。
その文書にリンクするときは、<a href="[URL]">その文書</a>でリンクできますし、その文書の特定の要素にリンクするときは、ページ内のアンカー(Anchor--これが<a>の語源)を目標にします。そのアンカーを示すのがnameです。
<h2><a name="section1">セクション1</a></h2>
hとはHeading(見出し)の意味で、階層2の見出しが<h2></h2>
これは、
<p><a href="[URL]#section1">セクション1</a>へ</p>
とリンクを書くことでリンクできます。<p>はParagraph--段落
同じページ内の場合は、<a href="#section1">セクション1</a>へ・・・と書きます。
位置ですが、それは<h2><a name="section1">セクション1</a></h2>がどの位置に表示されているかですから、ウィンドウ幅や文字サイズなどで変化します。変化してもその要素にリンクできるということです。
★12.1.1 リンク先リソースの訪問 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
★HTML4.01までは、正確にはリンク先は<a name=""></a>でマークアップします。上記の例の場合<h2 id="section1">セクション1</h2>とも書くことが出来、リンクもできます。idはどの要素にも書くことが出来ますから便利ですし、HTML1.1やHTML5は、idを使うことになりますから、idで統一しても良いでしょう。・・とっても古いブラウザはIDに対応できないものもありますが、すでに考慮しなくて良いでしょう。
厳密な文法的には<a name=""></a>が正しいのですが、idで指定するほうが良いでしょう。
返信おくれて申し訳ありません。
根本的なところから解説していただきありがとうございました。
h2タグにsection1という名前をつけることでリンク先に指定できるんですね。
初めてhtmlファイルやcssファイルを開いた時はチンプンカンプンでしたが、どの部分とどの部分がつながってサイトに反映されているのか分かるようになってきました。
また何かありましたらよろしくお願いします。
No.2
- 回答日時:
これで試して下さい。
<a href="http://oshiete.goo.ne.jp/qa/7804435.html#q_area">指定場所</a>
質問が先頭に来るはずです。
つまり、
HTMLで飛び先を設定する。idを指定
今回の例:
<div id="q_area">
<a id="そのページURL#q_area">○○に飛びます</a>
URLの末尾に「 # 」+「 idの名前 」です。
但し、同じページ内の場合には、URLは不要なので、例としては、
<a id="#q_area">○○に飛びます</a>
だけで良いです。相対パスでも良いです。
name よりも id です。 多少の位置をズラす場合にはCSSでtopから移動できます。
返信おくれてすみませんでした。
<div id="q_area">と記述した箇所がリンク先になるのですね。自分のサイトで適当な名前でid名をつけてリンクさせてところ上手くいきました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) Word のマクロについての質問です。 ボタンを押すと登録したブックマーク先にジャンプする機能(リン 3 2023/08/16 12:17
- WordPress(ワードプレス) ホームページの階層について 5 2022/11/21 14:48
- その他(ブログ) なぜ、ホームページが削除されても、そのホームページ上の画像のリンク先がリンク切れになる場合 5 2023/07/15 10:24
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- 物理学 量子力学 球面調和関数 導出 方位角成分 微分方程式の解 2 2022/07/02 13:40
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- WordPress(ワードプレス) サイトのURLリンクについて 先ほどホームページのURLリンクを今まで指定していたものから別のものに 1 2022/05/24 14:10
- 楽器・演奏 へ音記号の楽譜を読めるようになりたいので、ト音記号との音階の音域の違いを知りたいです。 3 2023/08/14 14:15
- SEO 検索エンジン反映遅い 1 2022/06/04 07:35
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
<!DOCTYPE html>あってますか?↑
-
HTML電卓で1文字消す方法
-
テーブルの行を折りたたみたい...
-
Duolingo のソースコードの名前...
-
コードを書いて下さい( ; ; )...
-
初心者html・CSS ウィンドウを...
-
スマホで、左右にスワイプして...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
テーブルタグのセルの幅の一部...
-
HTMLです すいません教えてくだ...
-
フロントエンジニアで一人前と...
-
HTMLで特定の文字だけ色を変え...
-
WEBページを強制的に横画面で見...
-
スマホでHTMLファイルを開いて...
-
ウェブサイトにアップされてい...
-
、URL化させるにはどうしたらい...
-
goo は、放置?
-
CSS、Bootstrapについて contai...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報