タグ

Aとnameに関するext3のブックマーク (3)

  • HTMLタグ-リンクタグ-同じページ内にリンクする - TAG index

    この旧方式では、リンクの到達点として使用できる要素はa要素のみとなります。これ以外の要素を到達点としたい場合は、id属性を使用して設定する方法を参考にしてください。 リンク先(到達点)の設定 まず、リンクの到達点となるa要素に、識別名を付けておきます。 以下の例では、abc という識別名を指定しています。 <a name="abc">ここがABCの位置</a> 同時にid属性を指定しておくことをお勧めします。この場合、name属性とid属性の値は同一である必要があります。 <a name="abc" id="abc">ここがABCの位置</a> リンク元(出発点)の設定 リンク元の href="" には、到達点の識別名をハッシュ( # )に続けて記述します。 <a href="#abc">ABCの位置へジャンプ</a> この abc という名前が、リンク元とリンク先を結びつけることになりま

    HTMLタグ-リンクタグ-同じページ内にリンクする - TAG index
    ext3
    ext3 2012/08/29
    なんか今でもよくみかけるよなぁ。nameだけしか使ってない奴って
  • ページ内ジャンプ HTML <a>

    リンクしたい場所にアンカー(目印)を置いて、<a href="#アンカー名">でリンクするとページ内ジャンプが出来る。 アンカー(目印)を作る <a name="アンカー名">文字</a> ページ内の好きな場所や特定の文字にアンカー名をつける。 例) <a name="a1" >内容</a> <要素 id="アンカー名"> 要素それぞれにid属性を使って、アンカー名をつけることもできる。 例) <h2 id="a2">内容</h2> 例) <div id="a3">内容</div> アンカー名は好きな名前をつけることが出来る。 同ページ内では、同じアンカー名は使えない。アンカー名は半角英数字でつける。 ページ内のアンカーへリンクする <a href="#アンカー名">文字・画像</a> <a name="アンカー名">や<要素 id="アンカー名">でアンカー名をつけた場所にリンクします。

    ext3
    ext3 2012/07/10
    "ページ内の好きな場所や特定の文字にアンカー名をつける。 例) <a name="a1" >内容</a>"こんなアホな事やってるのほとんど見たことないぞ
  • ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive

    前回までの記事で簡単なレイアウトを作成して、xhtmlHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説:(有)ムーニーワークス 林 豊/田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT

    ゼロからはじめるHTML5でのサイト制作/最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
    ext3
    ext3 2012/06/29
  • 1