<a href="#写真">

質問

http://www.htmllint.net/html-lint/htmllint.html
で、チェックしたのですが、
ページ内でリンクを張りたいときは、

<a href="#写真">
写真
</a>

としていますが、
この書き方はよくないのでしょうか？
--------------------------------------------------------------------------
<A> のアンカー名 `XXXX` 中に安全でない文字が含まれています。 *3*
--------------------------------------------------------------------------
のエラーに該当するようです。

予想としては、
「#」の部分がエラーとして引っかかっているようです。

でも解説では、
--------------------------------------------------------------------------
<a href="http://www.uso800.ac.jp/fake.html#foobar">

あるいは
<a href="#foobar">

のようにURIと一緒に指定します
--------------------------------------------------------------------------
となっているから、#は使っても問題ないように思えるのですが、
<a href="#写真">の何が問題なのでしょうか？

回答No.2

tracer · ベストアンサー

下記の2点を守る必要があります。

・URLは英数で指定する。
・リンク先にはURLで指定したidを付与する。

<a href="#photo">写真</a>

・
・
・
<div id="photo>
写真
</div>

回答No.1

ORUKA1951

そこにポインターをあわせれば分かるように、ブラウザはURLの一部として解釈してサーバーに要求します。
　当然URLに含まれるべきでない文字は使用できません。
　URLで使用可能な文字、使用できない文字( http://www.ipentec.com/document/document.aspx?page=web-url-invalid-char )

　ページ内アンカーをターゲットにするのでしたら
<a href="#photo">写真へ</a>

・・・・・・・
<div class="photo">
　<h2>写真</h2>
　<p><img src="" width="" height="" alt=""></p>
</div>

とか