전체 글 1447

META TAG

디렉토리의 최상위(/)에 "robots.txt" 라는 문서가 있는지 점검 User-agent:* User-agent:Googlebot Disallow:/selected Disallow:/ Allow:/selected/books Disallow:/reports/stat 위 내용이 robots.txt에 있을 경우 disallow(승인하지않음)를 해석하고 바로 끝낸다. > date content 속성값 : 'YYYY-MM-DDThh:mm:ss.sTZD' '2009-04-23T09:02:20.s+9:00' GMT(그리니치 표준시)로 한국, '-05:00'(서머타임 '-04:00') 미국동부 'TZD'는 협정 세계시(coordinated Universal Time: UTC), 즉 그리니치 표준시(GMT)로 부터의..

lang/html 2009.04.24

네임스페이스와 언어코드

네임스페이스와 언어코드 XHTML문서에서는 html요소에 네임스페이스와 언어코드를 지정한다. xmlns속성 네임 스페이스는 xmlns 속성으로 지정한다. XHTML에서는 'http://www.w3.org/1999/xhtml' 이 네임 스페이스로 부여되었기 때문에 이 값을 지정한다. xml:lang 속성과 lang 속성 언어코드는 xml:lang속성으로 지정 ISO 639에 규정 XHTML1.0에서는 하위호환성을 고려하여 lang속성에 xml:lang속서오가 같은 값을 지정해 둔다.

lang/html 2009.04.24

웹 접근성

웹 접근성 WCAG 1.0 http://www.w3.gor/TR/WAI-WEBCONTENT WCAG(Web Content Accessibility Cuidelines)는 접근 가능한 웹페이지를 제작하기 위한 가이드라인 W3C 권고안으로 1999년 5월 1.0 공표 아래 2개의 테마를 기본으로 14개의 가이드라인과 65개의 검사항목으로 구성 문서가 잘 변환되게한다. 콘텐츠를 이해 가능하고 조작 가능하게 한다. 웹표준 교과서-XHTML가 CSS로 만드는 '바른' 웹 사이트 / 마시코 타카히로 지음 / 김대석 옮김 / 신승식,신현석,조훈,강민혜 감수 / 김진 펴냄 / 조광현 기획 / 디지털미디어리서치 펴념 / ISBN 978-89-955276-3-3

lang/html 2009.04.24

메타데이터

메타데이터 RDF/RDFS http://www.w3.org/RDF/ 'Resource Description Framework' 약자 메타데이터를 표현하기 위ㅏㄴ 언어 RDF모뎅과 구문(RDF Model & Syntax), RDF데이터에 사용하는 어휘를 정의하기 위한 RDFS(RDF Schem)로 구성 RDF모델을 XML형식으로 표현하기 때문에 구문을 규정한 RDF/XML 등도 존재한다. RDF 어플리케이션으로는 웹사이트의 업데이트 정보 등을 요약하여 메타데이터로 제공하는 RSS(RDF Site Summary)와 인물 프로필을 공개하기 위한 FOAF(Friend Of A Friend)등이 이용된다. OWL htpp://www.w3.org/2004/OWL/ 'Web Ontology language' 약자 온..

lang/html 2009.04.23

수식/그래픽/멀티미디어

* 수식/그래픽/멀티미디어 ** MathML - http://www.w3.org/Math - XML 기반의 수식기술언어 - W3C 권고로 1998년 4월 1.0 공표, 2001년 2월 2.0 공표 - (X)HTML에서는 수식의 정확한 표혀이 어려웠기 때문에 이미지로 처리하거나 문서자체를 PDF로 처리 - MathML으 ㄹ이용하면 수식의 '표기'와 '내용'을 정밀하게 마크업하고 웹페이지에 표현할 수 있다. - MathML과 SVG는 특히 XHTML로 작성된 웹페이지에 수식을 삽입할 때 사용한다고 이해되면 XML 기반의 벡터 이미지 기술언어인 SVG와 합쳐 'XHTML + MathML + SVG'라는 사용도 W3C 초안으로 공개됨 ** SVG - http://www.w3.org/Graphics/SVG/ - ..

lang/html 2009.04.22

동작/조작언어

* 동작/조작언어 ** ECMAScript(ECMA-262) - http://www.ecma-international.org/publications/standards/Ecma-262.htm - ECMA가 표준하한 JavaScript의 표준규격 - '에크마 스크립트'라고 읽는다. (그냥 '이씨엠에이 스크립트'라고 읽으면 될걸...) - M$와 네스케이프가의 사양/구현 차이를 양사가 ECMA에 참가하여 1996년 11월에 제정 - ISO/IEC 16262 fh wpwjd - 1999년 12월 제3판 개정 ** DOM - http://www.w3.org/DOM/ - 'Document Object Model'의 약자 - 플랫폼과 언어에 의존하지 않고 문서 콘텐츠와 구조, 스타일을 동적으로 변화시키기 이한 스크립..

lang/js 2009.04.21

구조언어와 표현언어

* 구조언어와 표현언어 - 문서구조와 시각표현(프론트엔드) -- 구조언어 : HTML, XHTML, XML -- 표현언어 : CSS1, CSS2 - 액세스빌리티 WCAG 1.0 - 동작/조작언어 : ECMAScript DOM - 수식 : MathML - 그래픽스 : SVG - 멀티미디어 : SMIL - 시멘틱Web -- 메타데이터 : RDF/RDFS OWL * HTML과 XHTML의 문서형 관계 * HTML 4.0 - http://www.w3.org/TR/html4 - CERN의 연구자였던 팀 버너스리 경이 1989년 개바에 착수하여 1991년에 발표 - W3C 권고로서 1999년 12월에 공표한 HTML4.01 이 최신판 - Strict, Transitional, Frameset DTD 3가지 문서형 ..

lang/html 2009.04.20

웹 표준의 장점

* 웹 표준의 장점 ** 수정과 관리의 용이 - (X)HTML로 컨텐츠를 올바르게 고조화하고 CSS로 시각표현을 통일하여 제어하면 페이지 제작 부담이 크게 줄어든다. ** 웹 접근성 향상 - 올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 말들 수 있다. 중요하게 생각할 것은 장애자와 노인을 배려한 웹페이지는 결과적으로 모든 사람에게 높은 접근성을 제공하는 페이지가 된다. ** SEO(검색엔진 최적화) 대책 - 검색엔진의 크롤러(Crawler)는 (X)HTML소스를 거의 액면 그대로 해것하기 때문에 적절하게 구조화되고 깨끗하게 정리된 소스는 검색로봇이 잘 검색할 수 있다. - 부족한 SEO는 비지니스 기회를 잃고 기회 손실을 가져오기 때문에 상당히 중요한 부분이다...

lang/html 2009.04.20

데이터 입력의 액세스빌리티

* 데이터 입력의 액세스빌리티 ** 데이터 입력 폼과 가이드라인 - 온라인으로 데이트를 입력받는 폼을 디자인할 때, 특수 브라우즈를 사용하는 사람들도 관련 정보, 입력 필드, 입력과 제출에 필요한 기능에 액세스할 수 있도록 해야 한다.(508조) - 폼. 특수 브라우저에서도 폼을 이용할 수 있더록 하라. - 특수 브라우저 등이 레이블과 폼 컨트롤의 연관 관계를 외적으로 표현할 수 있을 때까지, 내적관계를 규정한 레이블 등을 포함한 폼 컨트롤을 이용하여 모든 폼에 대한 레이블의 위치를 명확하게 지정해야 한다.(WAI 레벨2) - 레이블과 그 컨트롤의 상관 관계를 명시하라.(WAI 레벨2) - 스크린 리더 등의 특수 브라우저에 컨트롤이 빠진 위치를 자동 체그하는 기능이 포함될 때까지, 입력 필드(edit b..

lang/html 2009.04.18
반응형