: 링크와 이미지 | ||||||||||||
<a> | <p><a href="파일명 or URL" target="_blank" title="대체 설명“></p> | |||||||||||
- 하이퍼 링크 - 인라인 요소로 블록요소 포함 불가. 다른 <a> 요소도 콘텐츠 요소로 포함 불가. - target 속성 : strict dtd에서 사용불가. - title 속성 : 콘텐츠에 대한 부연설명. 마우스오버시 풍선도움말 형태. * 텍스트 : link(블루), visited(방문한 링크, 보라), active(활성화, 빨강) | ||||||||||||
<img> | <p><img src="이미지명“ alt="대체 텍스트” /></p> | |||||||||||
- 이미지 삽입 - 인라인 요소로 텍스트처럼 인식. 블록요소 안에 지정해야 함 - 웹표준 웹브라우저는 alt 속성을 지정해도 풍선 도움말 X, title 속성 활용 - width, height 값 지정시 렌더링 빠름. 표기원칙이나 생략가능. | ||||||||||||
<map> <area>
| <img src="URI" alt="대체 텍스트“ usemap="이미지맵 id" /> <map id="맵 요소 이름“> <area href="URL" alt="대체 텍스트“ shape="default | rect | circle | poly" codes="좌표“ /> </map> | |||||||||||
<map> : 이미지맵 영역 | ||||||||||||
<area> : 이미지맵 하위 영역 | ||||||||||||
- 복수 영역에 링크 설정시 사용 - <map> 요소는 블록레벨 요소. <area> 콘텐츠요소 X | ||||||||||||
| ||||||||||||
XHTML : 링크관련 요소
/
/
2015. 10. 22. 11:56
