웹표준_xhtml_공부중

어제는 목록 순서가 있는 ol태그와 목록 순서가 없는 ul태그에 대해 배움...

ol태그는 style지정에 따라 1,2,3...A,B,C...a,b,c....로마숫자 등등 표현이 다양하고 그 시작점도 start로 지정하여 조절 가능...

메뉴들도

<h1>사이트명<h1>

<h2>주메뉴</h2>

<ul>

    <li>상위메뉴

        <ul>

<li>하위메뉴1</li>

<li>하위메뉴2</li>

        </ul>

    </li>

</ul>

 

<!-- 공지사항작업할때 -->

<h3>최근게시물보기</h3>

<ul>

    <li>공지사항

        <ul>

<li>공지내용</li>

<li>공지내용</li>

        </ul>

    <p>공지내용더보기</p>

    </li>

</ul>

<ul>

    <li>소식

        <ul>

<li>소식내용</li>

<li>소식내용</li>

        </ul>

    <p>소식더보기</p>

    </li>

</ul>

 

 

이런식으로 홈페이지를 소리로 듣는 분들 입장으로 마크업하기...

일단 xhtml에서는 구조를 잡고...꾸미는 것은 모두 css로...구조인지 표현인지 구분 잘하기...

 

 

-------------------------

 

오늘은

상대경로 절대경로와

<img><a> 태그 배움...

기본적인 내용이었고...

 

추가로 알게 된 것...

alt기능의 말풍선 효과를 넣으려면 title를 써야 한다는 것...말풍선의 기능은 익스플로러7이하에서만...

암튼..이미지에 alt를 꼭 넣어야만 웹표준 오류가 안뜨고...이미지를 볼 수 없는 분들을 위해...alt작업해야 스크린리더가 읽어준다.

alt의 내용이 길어지면 longdesc 태그를 사용해서 해당 페이지를 연결해 주면 되지만...

새창이 뜨면 포커스가 바뀌므로 불편하게 되니 이미지의 아래에 내용을 넣어준다...예) 약도 아래의 상세 설명

 

이미지에 링크 걸때 이미지 태그마다 border=0을 주는 것이 아니라 css로 border:none을 주어야 한다는 것...

[출처] 웹표준_xhtml_공부중