Xhtml+CSS2_CSS/HTML 학습에 대한 몇 가지 생각

W3C가 Xhtml1.0 표준을 제정한 이후 yahoo, 163, CSDN 등 많은 웹사이트에서 Xhtml1.0 표준을 사용하여 사이트를 재구성하기 시작했습니다. 최근 Xhtml+CSS2 열풍이 부쩍 늘었기 때문에 저도 가끔 시작했습니다. 이제 최근 나의 학습 경험에 대해 이야기해 보겠습니다.

Xhtml+CSS2를 배워야 하는 이유

우선 표준화된 코드를 다양한 브라우저에서 원활하게 표시할 수 있습니다.

비표준 코드가 포함된 일부 웹페이지는 IE에서는 정상적으로 표시되지만, Firefox, Opera에서는 제대로 표시되지 않을 수 있습니다. 현재 주류 브라우저는 IE와 IE를 핵심으로 하는 다양한 브라우저이지만 점차 늘어나는 파이어폭스, 오페라 등 브라우저의 사용자 기반도 배제할 수 없으며, 이들 그룹 대부분은 컴퓨터에 좀 더 능숙한 베테랑들이라고 생각합니다. 홈페이지가 너무 쓰레기라고 욕하면 기분이 안 좋을 것 같아요, 하하.
물론, 테이블 등을 이용하여 만든 웹페이지가 표준에 맞지 않는다는 뜻은 아닙니다. 단지 현재 많은 사람들이 디자인을 위해 포트페이지나 드림위버를 사용하는 데 익숙하기 때문일 뿐입니다. 또한 많은 문제가 발생하므로 이러한 소프트웨어는 일부 코드를 자동으로 추가하거나 제거합니다. 코드를 확인하는 습관이 없으면 쉽게 불규칙한 코드가 발생할 수 있습니다. CSS를 레이아웃에 사용하는 것은 PS에서 레이어를 조작하는 것과 같습니다. CSS에는 상대 개념과 절대 개념이 있기 때문입니다. 하하, 페이지 레이아웃이 더 쉽고 편리해집니다.

또한 Xhtml은 파일 크기를 줄일 수 있습니다
지금은 인터넷 속도가 점점 빨라지고 있지만 사이트가 더 빨라지는 것을 원하지 않는 사람이 있을까요? 세상은 지구가 아니라 China Telecom에서 China Netcom까지입니다." Netcom 회선 사용자가 통신 서버의 사이트를 탐색하는 경우 웹 페이지 파일 크기는 필연적으로 시청자의 경험에 영향을 미칩니다. Xhtml을 사용하면 이 문제를 해결하는 데 도움이 됩니다. 하하.

위의 사항을 고려하여 점차적으로 Xhtml+CSS2를 사용하여 웹 사이트를 구축하는 데 익숙해졌습니다.

학습 중 경험

코딩 작성 도구: Xhtml+CSS2 페이지를 작성할 수 있는 시각적 도구가 없기 때문에 자신에게 맞는 코드 작성 도구를 찾는 것이 필요합니다. 에디트플러스를 사용하고 있는데, 추천해주셔서 추천합니다. 에디트플러스 사용에 대한 몇 가지 팁은 여기에서 읽어보세요:

http://www.ifess.com/?p=23

페이지 레이아웃 구조: 페이지는 먼저 헤더, 메뉴, 사이드바, 콘텐츠, 바닥글 등의 전체 레이아웃을 갖춰야 하며, 이러한 요소의 CSS 속성을 정의하여 페이지 전체를 구분한 후 작성해야 합니다. 페이지가 어수선해 보이지 않도록 이러한 요소의 구체적인 세부정보를 확인하세요.
CSS 작성 방법: 프로젝트에서 콘텐츠 속성과 구조적 레이아웃 속성을 정의하는 속성값을 별도로 작성할 수 있어 찾기 및 수정이 쉽습니다. 반복되는 정의를 최대한 줄이고, 상속될 수 있는 반복되는 속성을 작성하지 마세요. 일부 속성은 작성 후 정상적으로 표시되지 않는 등의 노력을 낭비하므로 IE 및 Firefox와 호환되는 CSS 속성 값을 사용하십시오.

Xhtml 파일: 외부 링크를 사용하여 CSS 파일을 호출해 보세요. 한 번만 나타나는 CSS 속성도 파일 내부에 작성할 수 있습니다. 코드를 작성할 때에는 주석을 작성하는 것이 가장 좋으며, 오류 확인이 용이하도록 정렬 형식에 주의해야 합니다.

현재 생각나는 건 여기까지입니다. 모두 함께 토론해 보세요.

아래에 일반적으로 사용되는 리소스와 링크가 첨부되어 있습니다.

CSS2.0 중국어 매뉴얼, 한국 비즈니스 웹사이트 디자인 분석, Color Standard 2004, JS 매뉴얼:

http:/ / www.im286.com/viewthread.php?tid=875287

Xhtml1.0 유효성 검사 페이지: http://validator.w3.org/checklink

CSS 유효성 검사 페이지: http://jigsaw.w3.org/css-validator/

CSS 온라인 최적화: http://flumpcakes.co.uk/ css /optimiser/

기사 출처:
http://www.ifess.com/?p=70
저자: 오래된 Ipv6, 재인쇄 시 표시해 주세요.