DIV + CSS (웹 표준) 웹 페이지를 만들기를 배우는 방법

이 기사 하 고 학습 하는 방법에 초점 Div + css 웹 페이지를 확인 하는 방법 웹사이트를 확인 하는 방법은 어떻게? 내가 생각에 그냥 웹 표준 문의 하는 사람 같은 질문을 물어볼 것입니다 그리고 난 내 경험에의 하면 그들을 요약 하는 것입니다.

Div + css 웹 페이지를 만들기를 배우는 방법

내가 연락 하는 사람들의 많은 웹 표준을 만드는 것 웹 페이지입니다. 나는 그냥 웹 표준을 접촉 하는 모든 사람 같은 질문을 물어볼 것입니다 생각을 배우는 방법 질문 하 고 난 내 자신의 경험에 따라 그들을 요약 하는 것 이다.

1. 사용 하지 않는 맹목적으로 DW와 디자인 웹 페이지를 다른 도구를 함께 (X) HTML과 CSS 언어

코드에 대 한 웹 표준의 요구 사항 증가 되므로 XHTML 코드의 지식을 학교 시험을 통과할 수 없습니다. DW 도구 사용할 수 있습니다, 하지만 페이지를 작성 하는 코드를 봐.

첫 번째는 많이, 그들이 사용 하는 방법, 알고 XHTML 코드를 제대로 작성 하 고 닫기 태그를 기억 하는 방법. < 소리 img >< br > 등 일부 HTML 참조 설명서 보고 하는 것이 좋습니다, 그리고 모든 후, HTML에서 XHTML로 업그레이드 하 고 많은 태그는 계속 사용 됩니다.

2. 표준화 된 문 (DOCTYPE) 및 머리의 설립

이전 웹 페이지, 대형 포털 사이트는 성명에도, 그냥, 지금 이다 하는 문 사용 하 여 웹 페이지를 제공, 머리 지역 표준화, 검색 엔진 및 귀하의 사이트 처럼.

권장 문구:

&lt;!--(1) 전환 유형 (과도 적인)-&gt; &lt;! Doctypehtmlpublic "-/ / w3c//dtdxhtml1.0transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "&gt;&lt;!--(2) 엄격한 형식 (고급)-&gt; &lt;! Doctypehtmlpublic "-/ / w3c//dtdxhtml1.0strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" &gt; &lt;!--(3) 프레임 유형 (프레임셋)-&gt; &lt;! Doctypehtmlpublic "-/ / w3c//dtdxhtml1.0frameset//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" &gt; &lt;!-설정 이름 공간 (Namespace) lang = "ZH-CN" /-&gt; &lt; htmlxmlnshtmlxmlnshtmlxmlnshtmlxmlns = "Http://www.w3.org/1999/xhtml" lang = "ZH-CN" &gt;&lt; 머리 &gt;&lt;!-코딩 언어 선언: Gb2312/u t f-8 / 유니코드/iso-8859-1-&gt; &lt; metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv = " 콘텐츠 형식의 "콘텐츠 =" text/html; charset = gb2312 "/ &gt;&lt; metahttp-equivmetahttp-equivmetahttp-equivmetahttp-equiv = "콘텐츠-언어" 내용 = "ZH-CN" / &gt; &lt;!-검색 엔진에 대 한 콘텐츠-&gt;&lt;!-로봇 검색 역 내의 모든 링크를 검색할 수 있습니다. 일부 페이지를 검색할 수 원하는 경우 Robots.txt 메서드를 사용 하 여 추천-&gt; &lt; metacontentmetacontentmetacontentmetacontent = "모든" 이름 = " 로봇 / &gt;&lt;!-설정 사이트 작성자 정보-&gt;&lt; metanamemetanamemetanamemetaname "저자" 콘텐츠를 = = admin@lvtao.net, 메모리 / &gt;&lt;!-사이트 저작권 정보 설정-&gt;&lt; metanamemetanamemetanamemetaname = " 저작권 "내용 =" www.php100.com, 모든 권리 보유 "/ &gt;&lt;!-사이트 소개 (권장)-&gt; &lt; Metanamemetanamemetanamemetaname = "설명" 내용 = "php100 기술 공유 커뮤니티, 중국의 최대 PHP 리소스 공유" / &gt;&lt;!- 사이트 키워드 (권장)-&gt; &lt; metacontentmetacontentmetacontentmetacontent = "PHP, 자원, 비디오 자습서" 이름 = "키워드" / &gt; &lt;!-즐겨찾기 작은 아이콘-&gt;&lt; linkrellinkrellinkrellinkrel = "아이콘" href = "/ favicon.ico" 유형 = " 이미지/x-아이콘 "/ &gt;&lt; linkrellinkrellinkrellinkrel =" Shortcuticon "href="/favicon.ico "유형 =" 이미지 / X-아이콘 "/ &gt;&lt; 제목 &gt; 페이지 제목 &lt; / 제목 &gt;&lt;!-연결스타일 시트-&gt; &lt; linkrellinkrellinkrellinkrel = "stylesheet" 레 브 "스타일 시트" href = "Css/style.css" = Text/css "미디어 =" 모든 "/ &gt;&lt; styletypestyletypestyletypestyletype =" Text/css "미디어 =" 모든 "&gt; @ Importurl (css/style01.css); &lt; / 스타일 &gt;&lt;!-rss-&gt;&lt; Linkrellinkrellinkrellinkrel = "대체" 유형 = "응용 프로그램/rss + xml" 제목 "메모리" href = "Http://www.lvtao.net/inc" = /rsd.php "/ &gt;&lt;!-js-&gt;&lt; scriptsrcscriptsrcscriptsrcscriptsrc =" Js.js "유형 =" 텍스트/자바 스크립트 "언어 =" 자바 스크립트 "" &gt;&lt; / 스크립트 &gt;&lt; / 머리 &gt;&lt; 바디 &gt;&lt; 바디/&gt;&lt; / html &gt;

3. CSS 페이지 레이아웃 div를 배우십시오

사용

페이지 레이아웃을 위한 CSS로

테이블, 문서, 등 많은 사용 하지 않는 예를 들어 많은, Bluediea.com,div 사이트의 프로 모션의 많은 혜택의 몇 가지 실용적인 추천:

1. 코드 중복, 웹 페이지를 빨리 엽니다

2. 구조와 분리의 성능, 레이아웃, 및 정보 변경, 그래서 유지 보수 및 업그레이드 비용 감소에 CSS 변화를 통해만 수 있습니다.

4. 웹 표준 이론, 의미, CSS, 구조 및 성능 분리 아이디어를 배울

웹 표준는 태그 의미, 구조 및 성능 분리, 과도 한, 이전 버전과 호환성 및 장치 독립적 웹 사이트 지역화는 국제화를 달성에 귀하의 웹 페이지는 인터넷에서 한 시 빨리 벗어나게.

이 단계를 CSS를 사용 하 여 웹 페이지 레이아웃, 웹, 확인할 수 있는 페이지를 만들 수 있 었 어 요 그리고 웹사이트 표준, 프레임 워크 및 웹 표준, 아이디어 및 분리의 구조와 성능, CSS, xhtmltag 의미, 유사성 이론의 더 깊은 이론의 장점의 역할을 배울 수 있습니다. 크로스-플랫폼, 귀하의 웹 페이지는 여러 브라우저와 여러 장치에 적합 하다.

5. 사용 하 여 웹 표준 웹 페이지를 만들, 그들의 자신의 웹 표준 코드 규격 설정, 개발 효율을 향상

웹 표준 승진에 아직도 있는, 거기에 아무 성숙 모델, 모든 후, 손으로 쓴된 코드에 대 한 필요, 당신이 수 있는 그들의 개발 방법의 효율성을 개선 하기 그들의 자신의 경험에의 하면 몇 가지 일반적으로 사용 되 코드 조각, 명명, 사용자 정의 CSS를 넣을 수 있습니다 다음 그리고 코드는 코드의 재사용성을 향상 시키기 위해 편집에 대 한 일부 재사용 기능 모듈!