[웹표준 #4]테이블 태그의 활용법
웹 표준으로 넘어가면서 테이블 태그는 구닥다리이고 더 이상 사용하지 않는 것이 좋다는 이야기를 많이합니다. 실제로 테이블로 굳이 사용하지 않아도 되는 것까지 테이블 태그를 쓰는 경우가 많았기 때문이라고 생각합니다. 하지만 테이블 구조를 가지고 있는 경우에는 태그를 쓰는 것보다 태그를 그대로 사용하는 것이 훨씬 바람직합니다. 즉, 달력, 차트, 스케줄, 통계와 같은 형식은 테이블을 쓰는 것이 좋겠지요. 그러나 테이블 태그를 사용할 때는 좀 더 명확하게 하는 것이 필요합니다. 오늘은 태그에 대해서 한번 정리해 보려고 합니다. 태그의 올바른 사용 예제로 요즘 한참 인기몰이중인 프로야구의 팀 순위를 가지고 테이블을 만들어 보도록 하죠. 프로야구 팀 순위 순위 팀 승-패-무 승률 1 SK 27-21-1 0.563..
[웹표준 #3] 문서 제목의 마크업은 Heading을 쓰자.
HTML에서 문서 제목 부분은 어떻게 쓸까? HTML 문서도 일반 문서처럼 제목, 소제목 들을 사용하는 경우가 많이 있습니다. 이때 여러분은 어떤 태그를 많이 사용하는지요? 아마도 대부분은 다음과 같은 형태를 많이 사용할 것 같습니다. 미니의 프로그래밍 이야기 여기에 태그는 사용하지 않는게 좋다고 하니 CSS의 style을 적용해서 폰트 크기를 키우기도 하겠죠.. 미니의 프로그래밍 이야기 원하는 크기대로 나오고 괜찮은 것 같다고 생각합니다. 그러나 이렇게 작성하면 HTML 태그의 기본 속성인 의미 전달이 안됩니다. 즉, 위 부분만 보고서 문서의 제목이라고 판단하기는 쉽지 않기 때문이죠.. (주로 누가 문서만 보고 판단을 할까요? 한번 생각해 보세요 ^^) 그래서 태그를 한번 사용해 봅니다. CSS의 cl..
리스트 태그는 언제 사용할까?제 블로그에 있는 분류 목록을 화면에 출력한다고 생각해 보죠. 가장 간단한 방법은 다음과 같이 태그를 사용하는 것입니다. Beginner XML Developer 프로젝트관리론 컴퓨터공학 프로그래밍 리뷰 미니이야기 원하는대로 리스트 형태로 출력되기는 합니다. 그러나 이런 코딩에서 문제점은 무엇일까요? 이 리스트에 스타일을 변경시킨다면 즉, 색상을 바꾸거나 글꼴이나 크기를 변경할 경우, 현재 상태에서는 각각의 라인에 태그를 적용하는 방법이나 각각 태그를 넣고 CSS의 class로 스타일을 적용하는 방법 뿐으로 보입니다. 이런 경우에 바로 리스트 태그를 사용해야 합니다. 위와 같은 경우는 순서가 중요하지 않기 때문에 태그로 감싼 태그를 사용하면 되겠죠. 그럼 리스트 태그에 대해서..
어제 XML 관련 과목에서 중간고사로 냈던 문제 중 O/X 문제입니다. 여러분들도 한번 풀어보시죠.. (답은 다음주에 올리도록 하죠.. ^^) XML의 기본 개념을 다시 한번 검증하는데 도움이 될 겁니다. 찍는 걸 방지하기 위해 X일 경우, 이유도 적으라고 했네요.. ^^ O로 찍으면 맞는 개수가 적을거구... 4. 다음 각 항목에 O/X로 답하시오. X인 경우, 이유도 함께 작성하시오. 1) XML stands for “Example Markup Language”. 2) XML uses a DTD to describe the data. 3) XML’s goal is to replace HTML. 4) DTD stands for “Dynamic Type Definition”. 5) All XML docu..
EPC(Electronic Product Code) - 전자상품코드
EPC(Electronic Product Code) - 전자상품코드 I. EPC 개요 - 유비쿼터스 환경에서 RFID가 발전함에 따라 등장한 차세대 국제표준인 전자상품코드 - RFID 태그에 기록되는 개별식별 코드를 포함하는 제품코드로서 EPCglobal Inc에서 관장 - EPCglobal에서 ALE(Application Level Events:미들웨어와 클라이언트 간의 통신인터페이스) 인증 수행 II. EPC 구성 가. EPC 표준 구성 - EPC 코드체계 - 상세 정보가 저장된 컴퓨터의 위치를 알려주는 ONS(Object Naming Service) - 상세 정보를 저장하고 있는 EPC IS(EPC Information System) : EML 기반 (PML 코어의 범위, PML과의 관련성 규정) ..
앞서 video 태그에 대해서 알아봤는데요. 이번에는 HTML5에서 지원하는 audio 태그에 대해서 한번 정리해 보려고 합니다. 그래서 플래시 등과 같은 플러그인으로 처리했었고, 모든 브라우저를 똑같이 지원하지는 못했죠. 그래서 HTML5에서는 표준으로 sound 파일이나 audio 스트림을 재생하기 위한 audio 태그를 정의하게 됩니다. HTML5의 video 태그에서 지원하는 포맷은 Ogg, MPEG 4, WebM의 세가지라고 했는데요.. audio 태그에서도 3가지 포맷을 지원합니다. Ogg Vorbis, MP3, Wav 포맷이 이에 해당합니다. 현재 각 브라우저별로 지원하는 동영상 포맷은 다음과 같습니다. Format IE 8 Firefox 3.5 Opera 10.5 Chrome 3.0 Saf..