テーブルのセルにアンカー

解決済

質問者：yuu789
質問日時：2014/02/20 21:51
回答数：3件

テーブルのセルにアンカーを貼ることは可能でしょうか?
アンカーが貼られたセルに飛んだ際、セルの上の横線が一番上に
表示されるようにしたいのですが。

回答よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2014/02/20 22:40

セル自体（tdやthタグ）にアンカーすることはできません。

しかしidを振っておけばそこに飛んでくれるブラウザが多いようです

＞セルの上の横線が一番上に
＞表示されるようにしたい

縦長のページにしてテーブルの下に十分な領域がないと
テーブルを上に表示することはできません

<a href="#hoge">hoge</a>
<table border>
<tbody>
<tr><td>x</td></tr>
<tr><td>x</td></tr>
・・・略・・・
<tr><td id="hoge">o</td></tr>
<tr><td>x</td></tr>
<tr><td>x</td></tr>
・・・略・・・
</tbody>
</table>
<a href="#hoge">hoge</a>

- 0
- 件

通報する

この回答へのお礼

うまく動作しました。
ありがとうございます!!

通報する

お礼日時：2014/02/23 15:35

No.3

回答者： ORUKA1951
回答日時：2014/02/21 10:32

HTML4.01以降は、id属性をリンクターゲットにすることが出来ます。

サンプル
★タブは＿に置換してあるので戻す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<ul>
＿＿＿<li><a href="#A">あ</a></li>
＿＿＿<li><a href="#KI">き</a></li>
＿＿＿<li><a href="#SU">す</a></li>
＿＿＿<li><a href="#TE">て</a></li>
＿＿＿<li><a href="#NO">の</a></li>
＿＿</ul>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<table summary="テスト">
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="あ行" id="A">あ</th><td>い</td><td>う</td><td>え</td><td>お</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="か行">か</th><td id="KI">き</td><td>く</td><td>け</td><td>こ</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="さ行">さ</th><td>し</td><td id="SU">す</td><td>せ</td><td>そ</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="た行">た</th><td>ち</td><td>つ</td><td id="TE">て</td><td>と</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<th abbr="な行">な</th><td>に</td><td>ぬ</td><td>ね</td><td id="NO">の</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2012-08-10</dd>
＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt>
＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd>
＿＿</dl>
＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
＿</div>
</body>
</html>