XHTML 문서에서 JavaScript와 CSS를 올바르게 사용하는 방법_HTML/Xhtml_웹페이지 제작

점점 더 많은 웹사이트에서 XHTML이 매우 빠른 속도로 HTML4를 대체하고 있습니다. 그러나 일부 주류 브라우저는 현재 XHTML을 잘 지원하지 않습니다. 또한 일부 웹 페이지 제작자는 XHTML과 HTML4의 차이점을 잘 모릅니다. 차이점에 대한 이해가 부족하면 XHTML의 WEB 개발 진행 속도가 느려집니다.


XHTML은 HTML이 아닌 XML입니다

현재 XHTML에 대한 가장 큰 오해 중 하나는 이것이 HTML의 또 다른 버전이라는 것입니다. 이러한 오해는 Microsoft Internet Explorer가 권장되는 application/xhtml xml 형식이 아닌 MIME 형식 text/html의 XHTML만 지원한다는 사실로 인해 발생합니다.

XHTML 페이지를 text/html의 MIME 형식으로 해석하면 HTML 페이지와 다르지 않으며, text/xml 또는 application/xhtml xml의 MIME 형식으로 해석하면 엄격한 XML 작성 및 표시 규칙을 준수합니다.

올바른 XHTML 형식은 XML 프로그램이며 작성 시 다음과 같은 엄격한 규칙을 따라야 합니다.

1. 문자 )

2. 댓글 태그()의 내용에는 대시(--)가 두 개 연속으로 포함될 수 없습니다.

3. 태그 내()는 무시됩니다.


스타일 및 스크립트 내용 문제

스타일 및 스크립트 태그 내 내용이 일부 있을 수 있습니다. XHTML이 HTML 형식이 아닌 XML 형식으로 구문 분석될 때의 차이점.

JavaScript에 XHTML에 존재할 수 없는 문자가 포함되어 있습니다.

Javascript의 일부 특수 문자는 XHTML의 CDATA 태그 외부에 존재할 수 없는 문자입니다.



참고: 위의 예제 코드는 XHTML에서 허용되지 않는 " 태그를 사용하기 때문에 올바른 형식의 XHTML이 아닙니다. XML "

스타일 및 스크립트 내용에 주석 사용


HTML에 익숙한 작성자는 일반적으로 스타일 및 스크립트 태그의 내용을 주석 태그 안에 넣는다는 것을 알고 있습니다. 브라우저에서 이를 숨기지만 일부 브라우저는 이를 이해하지 못합니다.
)



style 및 javascript에는 두 개의 연속 대시(--)가 포함됩니다.


XHTML 페이지에서 JavaScript의 주석 태그를 사용할 때 발생하는 또 다른 문제는 JavaScript가 두 개의 연속 대시(--):




주석 대신 CDATA를 사용합니다.

는 스크립트에 내용을 넣습니다. CDATA 블록에 태그를 추가하면 주석에서 두 개의 연속 가로 막대 문제를 잘 처리할 수 있지만 이로 인해 일부 하위 버전 브라우저는 XML을 이해할 수 없기 때문에 이를 지원하지 않게 됩니다. 다행스럽게도 JavaScript에서 주석 문자를 사용하여 CDATA 블록에 주석을 달면 호환성을 얻을 수 있습니다.



xhtml 및 html 호환 처리 방식 권장 XHTML 페이지에 직접 스타일 및 스크립트를 작성하지 마세요. 좋은 대안은 외부 파일을 사용하여 CSS 및 JavaScript를 작성한 다음 XHTML로 가져오는 것입니다. 이 권장 솔루션은 매우 좋아 보입니다. 어쨌든, 적어도 향후 몇 년 내에 페이지를 text/html에서 application/xhtml xml로 변환하는 프로세스를 문제 없이 만들 것입니다.