초보자를 위한 웹 표준에 대한 몇 가지 오해_CSS/HTML

WBOY
풀어 주다: 2016-05-16 12:11:32
원래의
1278명이 탐색했습니다.

많은 디자이너들이 웹 표준에 관심을 갖고 웹 표준을 사용하여 웹 페이지를 만들려고 노력하는 것을 보니 매우 기쁩니다. 하지만 네티즌들의 질문과 제작 과정에서 몇 가지 문제점을 발견했으며, 이에 대해 특별히 알려드립니다.

1. 단지 검증을 통과하기 위해 표준화가 이루어지는 것은 아닙니다.
웹 표준의 원래 의도는 콘텐츠(구조)와 표현을 분리하는 것, 즉 스타일을 분리하여 별도의 CSS 파일에 넣는 것입니다. 이는 콘텐츠와 성능을 별도로 처리할 수 있고, 검색 및 콘텐츠 재사용도 용이하다는 장점이 있습니다.

W3C 검증은 XHTML 코드 작성이 표준화되었는지, CSS 속성이 CCS2 사양 내에 있는지 확인하는 데에만 도움이 됩니다. 코드 표준화는 첫 번째 단계일 뿐이며, 검증을 통과하면 내 웹페이지가 표준화된다는 의미는 아닙니다. 우리는 "보세요, 내 페이지가 검증을 통과했습니다"라는 식으로 표준화하거나 다른 사람들에게 자랑하는 것이 아닙니다. 우리의 목적은 웹 디자인 작업을 보다 효율적으로 만들고, 웹 페이지의 크기를 줄이고, 모든 브라우저에서 사용할 수 있으며 네트워크 장치에서 정상적으로 탐색할 수 있습니다.

진정하시고 웹 표준의 의미를 주의 깊게 공부하고 이해하시기 바랍니다. 인터넷은 이미 성급함과 허영심으로 가득 차 있습니다. 웹 표준을 적용하는 데 이러한 추세를 가져오지 마십시오. 그렇게 하면 웹 표준의 홍보에만 영향을 미치게 됩니다.

2. div를 중첩하기 위해 전통적인 테이블 사고를 사용하지 마세요
"CSS 레이아웃은 원래 테이블을 div로 바꾸는 것입니다. 예전에는 테이블 중첩이었지만 지금은 DIV 중첩입니다." !

원래 테이블 레이아웃에 갇힌 틀에서 벗어나, 사진과 콘텐츠를 TD 하나하나 배치하는 사고방식을 버려주세요. 위에서 웹 표준의 목적은 콘텐츠와 성능을 분리하는 것이라고 했는데, 페이지에는 콘텐츠만 포함되어 있으며, 약간의 텍스트와 그림이 있는 흰색 페이지처럼 보입니다. 실제 의미가 있는 사진인 콘텐츠의 사진입니다. 이러한 텍스트 그림은 순서대로 나열되어 있으며 구조만 있고 스타일은 없습니다. 그런 다음 성능을 추가하고, 수정된 모든 그림을 배경으로 사용하고, CSS를 사용하여 각 콘텐츠의 위치, 글꼴, 색상 등을 정의합니다.

이렇게 제작된 페이지는 콘텐츠와 성능이 분리되어 있습니다. 즉, CSS 파일을 제거하면 깨끗한 콘텐츠만 남게 됩니다. 이런 방식으로 텍스트 브라우저에서 읽을 수 있고 휴대폰이나 PDA에서 읽을 수 있으며 언제든지 CSS를 수정하여 개정할 수 있습니다.

3. 콘텐츠별로 ID를 만들 필요가 없습니다.
일부 네티즌들은 CSS 파일이 너무 크고 복잡하다고 불평했습니다. 그들의 코드를 주의 깊게 살펴보면 그 이유는 그들이 div를 정의하고 각 콘텐츠 또는 각 문장에 대한 ID를 생성하기 때문이라는 것을 알았습니다. 이는 스타일시트 적용에 대한 미숙함 때문이기도 하고, 웹 표준에 대한 철저한 이해가 부족하기 때문이기도 합니다.

우리는 콘텐츠에 구조가 있다는 것을 알고 있습니다. (이해가 안 되신다면 다음을 읽어주세요: [url=http://www.w3cn.org/article/tips/2004/43.html]성과와 성과의 분리를 이해하세요. 구조[/ url]), 동일한 스타일을 사용하여 동일한 수준의 제목, 텍스트 및 그림과 같은 동일한 구조의 콘텐츠를 정의할 수 있습니다. 여러 번 참조되는 스타일의 경우 클래스를 사용하여 정의할 수 있으며 각 스타일마다 ID를 사용할 필요는 없습니다. 그렇다고

를 사용해야 한다는 의미는 아닙니다.


으로 완전히 대체할 수 있습니다. 이 역시 블록 수준 요소이고 상자 모델

과 동일한 7개 매개변수를 갖습니다.

떠다니기에 딱 편리해요.

단순히 줄 높이, 간격, 수정된 이미지에 대한 추가 div를 추가하는 경우 CSS에 대한 적용과 이해가 있으면 빠르게 생략할 수 있다고 생각합니다. 우리는 테이블 중첩을 대체하기 위해 DIV 중첩을 사용하는 것에 반대합니다. 이는 의미가 없으며 콘텐츠의 구조를 반영할 수 없습니다. 모두가 CSS를 더 많이 공부하여 가장 간결하고 효과적인 스타일 시트를 작성하길 바랍니다.

4. 약간의 차질이 있다고 쉽게 포기하지 마세요
이것은 웹 표준을 배우는 것뿐만 아니라 사물에 대한 태도와 접근의 문제라고 생각합니다. 새로운 지식을 배우고 새로운 개념을 받아들이는 것은 어렵습니다. 특히 기존 습관과 사고를 바꿔야 하는 경우에는 더욱 그렇습니다. 유일한 질문은: 웹 표준을 배우는 것이 그만한 가치가 있다고 생각하십니까? 스스로에게 물어볼 수 있습니다. 웹 표준(단순화된 코드, 가속화된 개발, 압축된 파일 크기, 향상된 다운로드 속도, 향상된 유용성, 더 많은 사용자, 보다 쉬운 유지 관리, 다중 플랫폼 호환성)이 제공하는 이점을 인식하고 있습니까? 월드와이드 XML이 아직 멀었다고 생각하시나요? 현재 HTML 지식이 충분하다고 생각하시나요?

1999년 이후 중국에서는 웹페이지 제작 기술이 크게 발전하거나 변하지 않았지만(플래시 등의 대두를 제외하면) 해외에서는 발전 속도가 멈춘 적이 없다. xhtml1.0, xhtml1.1, xml, xsl .. ., W3C와 주요 소프트웨어 회사들은 웹 기술을 더욱 편리하고, 효율적이며, 강력하게 만들기 위해 끊임없이 연구하고 발전하고 있습니다. 웹 표준의 적용과 홍보는 8년 넘게 해외에서 진행되어 왔다(젤드만의 웹 표준 조직 홈페이지를 시작으로) 많은 어려움이 있지만 점차 사람들에게 수용되고 인정받고 있다. 왜 우리는 페이지 이면의 본질에 대해서는 생각하지 않고 여전히 웹사이트 표면의 '번영'에 중독되어 있습니까?

중국이 계속 뒤처지기를 바라시나요? 계속해서 뒤쳐질 의향이 있습니까? 모든 결정은 귀하의 것입니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!