본문 바로가기

반응형

Web standard

(13)
표(table 요소, tr요소, th요소, td요소) 표 를 작성할 때는 블록 레벨 요소인 table요소를 사용한다. 표의 기본 구조는 먼저 tr요소로 행(table row)을 정의하고 내용으로 제목 셀(table header cell)인 th요소와 데이터 셀(table data cell)인 td요소를 포함하여 전체를 table요소로 둘러싼다. table요소에 summary속성을 사용하여 요약문을 작성하고, th요소에는 abbr속성으로 약어를 지정할 것을 권고한다. 표의 제목은 table요소의 시작태그 뒤에 caption요소를 사용한다. 표의 행을 그룹화하기 위해서 thead 요소, tbody 요소, tfoot 요소를 사용할 수 있다. th에는 어떤 방향의 제목임을 알려주는 scope 속성을 지정할 수 ..
목록 항목 목록과 번호 목록(ul 요소, ol요소, li요소)일반적으로 목록작성에는 ul요소(비순차적 목록 unordered list) 또는 ol요소(순차적 목록 ordered list) 를 사용하며 각 항목은 li요소(list item)으로 정의한다. ul요소, ol요소 모두 블륵 레벨 요소이지만 li요소 이외의 요소를 포함시킬 수 없다. li요소는 블록 레벨 요소이며 인라인 요소와 텍스트를 포함할 수 있고 또 다른 블록 레벨 요소를 포함할 수 있다. 예제) 웹브라우저의 종류는 익스프로러 익스플로러 6 익스플로러 7 익스플로러 8 파이어폭스 사파리 오페라 크롬 등이 있다. ----------------- 공지사항 제12회 전문가심사비납부 요청 공문 2011-03-10 제12회 품질마크 심사비 납부 안내 20..
제목,문단,작성자,구분선,인용문,정형화 된 텍스트 제목(heading 요소) h1, h2, h3, h4, h5, h6 의 여섯단계가 있고 h1요소가 가장 상위제목을 나타낸다. 일반브라우저에서는 중요도가 높은 제목일수록 크게 표시되는데 스타일시트를 활용해 임의의 크기를 지정할 수 있다. 블록 레벨 요소이며 인라인요소를 포함할 수 있지만 블록 레벨 요소를 포함할 수 없다. 예제) 문서의 가장 상위의 제목 표시 문단(p 요소) 문단(Paragraph)은 '단락'으로 텍스트를 문단으로 표현하기 위해 사용한다. 블록 레벨 요소이며 블록레벨요소를 포함할 수 없다. 예제) 문단을 표현합니다. 줄바꾸기는 br요소를 사용합니다. 작성자 정보(address 요소) address요소에는 그 문서에 관한 연락처를 기술. 담당자이름, 홈페이지 링크, 주소, 전화번호, 그 외 ..
문서 내비게이션 메타태그 내비게이션 링크를 확실히 지정하면 사이트에서 이동이 편리해지고 사용성이 향상된다. WCAG1.0에서 '우선도2'로 내비게이션 링크를 지정하게 규정하고 있다. link요소는 head요소 내에서만 사용되고, 그 문서에 관련된 다른 문서와의 관계를 표시한다. 속성들 rel="링크타입" - href속성으로 지정되는 링크될 곳과의 관계를 지정. rev="링크타입" - href속성으로 지정되는 링크될 곳에서 본 이 문서와의 관계를 지정. href="URI" - 관련문서의 URI지정 hreflang="언어코드" - 관련문서의 기본이 될 언어코드 지정 charset="문자세트" - 관련문서의 문자세트 지정 type="MIME타입" - 관련문서의 MIME타입 지정. 브라우저가 대응하고 있지 않은 형식의 데이터를 로드하는..
html 문서구조 -------------------------------------------------------------------------------- 1) 문서형 선언 - Strict : 엄격한 형식. xhtml1.1에서는 transitional과 frameset이 폐지되고 strict만 사용 가능. Transitional : iframe 등은 strict에서 인정치 않음. strict에서 인정되지 않는 요소를 사용할 경우 Transitional 사용. Frameset : 프레임을 사용할 경우. HTML 4.01 일 경우 Strict Transitional (권장) Frameset XHTML 1.0 일 경우 Strict Transitional (권장) Frameset 2) 네임 스페이스와 언어코드 - ko :..

반응형