W3C 표준 소개는 무엇을 의미합니까?
저자:Eve Cole
업데이트 시간:2024-12-25 10:04:32
W3C란 무엇인가
W3C는 English World Wide Web Consortium의 약어이며 중국어 의미는 W3C Council 또는 World Wide Web Alliance입니다. W3C 조직은 HTML, XHTML, CSS, XML과 같은 표준을 W3C에서 맞춤화하는 비영리 조직입니다.
W3C의 주요 사양
현재까지 W3C는 50개 이상의 사양(초안)을 개발했습니다. 이러한 사양(초안)에는 사람들에게 이미 익숙한 HTML, HTTP, URI, XML 등이 포함되며, Semantic Web을 위한 RDF, OWL 등도 포함됩니다.
* HTML/XHTML : HTML은 웹의 기초 중 하나이며, HTML을 기반으로 다양한 정보를 담고 있는 다채로운 페이지가 웹에 나타나기 시작했습니다. HTML을 기반으로 웹은 간단하고 사용하기 쉬운 방식으로 상아탑에서 벗어나 사회 전체의 공공 자원이자 부가 되었습니다. W3C는 1997년 12월 첫 번째 버전, 1998년 4월 업데이트, 1999년 12월 HTML 4.01 버전을 포함하여 여러 HTML 버전을 연속적으로 출시했습니다. XHTML은 XML의 의미론적 특징을 사용할 수 있는 HTML 4.01의 확장입니다. XHTML 1.0은 2000년 1월에 권장 표준으로 출시되었습니다. XHTML Basic은 장치 독립적(예: 휴대폰, PDA 등) XHTML1.1의 모듈형 버전입니다.
* CSS : CSS는 웹 디자이너에게 웹 페이지를 디자인할 수 있는 풍부한 스타일 공간을 제공하는 역할을 담당합니다. CSS가 제공하는 웹 페이지 구조 콘텐츠와 프리젠테이션 간의 분리 메커니즘은 웹 사이트 관리를 크게 단순화하고 웹 사이트 개발 효율성을 향상시킵니다. CSS를 사용하여 HTML 및 XML 콘텐츠의 표시를 제어할 수 있습니다. CSS1.0은 1996년 12월에 출시되었고, CSS2.0은 1998년 5월에 출시되었습니다.
* XML : 1998년 2월에 출시된 XML 1.0은 W3C의 가장 미래 지향적이고 영향력 있는 표준 중 하나입니다. 차세대 웹의 첫 번째 중요한 초석인 XML은 분산 및 이기종 데이터 교환을 위한 강력한 기능을 제공하는 동시에 데이터 자체에 관한 한 데이터 자체의 가치를 분리합니다. 데이터와 의미론도 적절하게 분리됩니다. 실제로 XML은 2001년 5월에 출시된 XML 스키마, 1999년 1월에 출시된 XML 네임스페이스, XML 변환 처리 및 XML 문서 XPath에서의 위치 지정을 위해 1999년 11월에 출시된 XSLT, XLink 및 XML을 포함한 일련의 기술로 발전했습니다. 2001년 6월에 출시된 베이스. 또한 XML의 출현은 웹 서비스(WSDL, SOAP, UDDI 사양)뿐만 아니라 웹 데이터 및 정보를 자동으로 처리하는 프로그램에 대한 공통 기반을 제공합니다.
* DOM : DOM은 HTML, XML 등의 데이터 매체와 메모리 내 정보 매체의 처리를 위한 기본 객체 모델을 제공하며, 파일에 연결된 구조, 형식, 이벤트 등을 제공할 수 있습니다. 프로그래밍 언어나 웹 페이지 설명 언어에 의존하지 않기 때문에 HTML 및 XML 데이터를 효과적으로 처리하기 위한 표준적이고 독립적인 인터페이스를 제공합니다. DOM은 1998년 10월에 출시된 DOM 레벨 1, 2000년 11월에 출시된 DOM 레벨 2, 2003년에 출시된 DOM 레벨 3의 세 가지 버전을 거쳤습니다.
W3C 표준 사용 예
상단이 다음과 같은 경우:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
사용된 전제는 맨 위의 문장을 기준으로 한 것이므로 다음 상황에 주의하세요!
1. 모든 라벨에는 소문자를 사용하세요.
물론, 상단 선언이 위와 같은 경우에는 대소문자를 엄격하게 구분하지 않습니다.
2. 헤더 파일 메타 및 링크 태그.
오류: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
올바른 예: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
오류: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
올바른 예: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
올바른 예: <meta http-equiv="Content-Language" content="zh-CN" >
3. JS 호출.
오류: <script src="/wl_inc/main.js" ></script>
오류: <script src="/wl_inc/main.js" 언어="javascript"></script>
올바른 내용: <script src="/wl_inc/main.js" type="text/javascript"></script>
올바른 예: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. height="101"과 같은 <table> 테이블의 높이를 사용하지 마세요.
올바른 예: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellpacing="0">
5. Alt와 제목을 올바르게 사용하세요
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="난닝 모두가 가르칩니다" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="난닝 모두가 가르칩니다">난닝 모두가 가르칩니다</a>
링크가 없는 모든 사진은 다음과 같이 alt=""로 추가되어야 합니다.
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. 선언 파일이 위와 같은 경우에는 큰따옴표나 작은따옴표를 생략할 수 있습니다.
예: <div id=navpart> 또는 <div id="navpart"> 모두 w3c 표준을 통과합니다.
7. 양식에는 ID만 사용됩니다.
올바른 예: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
오류: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
오류: <form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
양식 태그 사용 중 오류 발생: <table><form><tr><td></td></tr></form></table>
올바른 예: <form><table><tr><td></td></tr></table></form>
양식의 여분의 빈 부분을 제거하는 방법은 다음과 같습니다: <form style="margin:0">
8. 슬래시 없음/입력 후 >
오류: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='이름 키워드 입력'){this.value='';}" value="이름 키워드 입력" />
올바른 예: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='이름 키워드 입력'){this.value='';}" value="이름 키워드 입력" >
9. align 및 valign 값을 올바르게 사용하십시오.
오류: align="middle", style="text-align:center;"를 사용할 수 있습니다.
올바른 예: align="left",align="left",align="right",align="justify",align="char"
오류: valign="center"
올바른 예: valign="top",align="middle",align="bottom",align="baseline"
10. TABLE 테이블은 배경 이미지를 사용합니다.
오류: 배경="/wl_pic/sp2.jpg"
올바른 예: style="Background:url(/wl_pic/sp2.jpg);"
오류: bgColor=#eeeeee
올바른 예: bgColor="#eeeeee"
11. 웹마스터 통계 코드 오류에 대한 해결 방법. &를 &로 변경하세요.
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. FLASH 포커스 맵은 어떻게 W3C를 통과합니까?
<!--포커스 차트 시작-->
<스크립트 유형="텍스트/자바스크립트">
<!--
var Interval_time=5 //그림 일시 정지 시간, 단위는 초, 0이면 자동 전환이 중지됩니다.
var focus_width=268 //너비
var focus_height=222 //높이
var text_height=20 //제목 높이
var text_align= 'center' //제목 텍스트 정렬(왼쪽, 가운데, 오른쪽)
var swf_height = focus_height+text_height //합계는 짝수여야 합니다. 그렇지 않으면 숫자가 흐려지고 왜곡됩니다.
<%call WL_hot_pic(5)%>
var WLABCD = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #버전=8,0,0,0" 너비="'+ focus_width +'" 높이="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<매개변수 이름="메뉴" 값="false"><매개변수 이름=wmode 값="불투명">';
WLABCD +='<매개변수 이름="FlashVars" 값="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ 간격_시간+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="불투명" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ 간격_시간+'" 메뉴="false" bgcolor="#ffffff" 품질="높음" 너비="'+ focus_width +'" 높이="'+ swf_height +'" allowedScriptAccess="sameDomain" 유형="응용 프로그램 /x-shockwave-flash" 플러그인 페이지="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</개체>';
document.write(WLABCD);
//-->
</script>