본문 바로가기

Local Oriented/HTML CSS JS

a 태그에 name 속성 사용시 주의사항


아래와 같이 XHTML 1.0 Transitional 로 정의된 HTML 에서 a 태그는,
<a name="..."></a> 와 같이 사용하지 않고,
<a name="..." /> 와 같이 사용한다면 대략 난감합니다. ^^.


아래와 같은 코드가 있다고 생각해 봅시다. '텍스트A' 에는 밑줄이 그어집니다. 참 놀랍죠..?

<style>
  a {text-decoration:underline}
</style>
<a name="aaa" />
텍스트A

밑줄이 그어지지 않은 정상적인 상태로 하려면.. 아래와 같이 되어야 합니다.

<style>
  a {text-decoration:underline}
</style>
<a name="aaa"></a>
텍스트A


.Fine.