HTML5 표준 학습-소개

최근 프론트엔드 그룹이 꽤 바쁘지만, 대부분의 토론이 javascriptCSS 관련 문제로 다들 다양한 인터랙션과 스타일을 만들려고 할 때 그 모든 기본인 HTML을 잊어버린 것 같습니다.

사실 저는 HTML을 굉장히 좋아하고 생각합니다. 이 언어는 XML보다 훨씬 뛰어납니다. 흥미롭고 유연성과 이식성은 극도로 표준화된 XML의 범위를 훨씬 뛰어넘습니다. 동시에 매우 작은 범위와 제한된 태그로 인해 HTML은 🎜>

이 시리즈의 첫 번째 부분에서는

HTML5의 몇 가지 기본 개념을 매우 짧은 시간에 소개합니다.

• HTML 언어만 다루고, 다른 javascript나 css는 전혀 다루지 않습니다.

• HTML에만 중점을 두고 간략하게 다루겠습니다. 이 소스 XHTML은 HTML보다 엄격한 사양을 가지고 있으며,

• 은 주로 whatwg의 공식 문서를 참조합니다. 현재 버전에서는 주류 브라우저의 호환성이 평가되었습니다.

• 기본 개념만 소개하고 문서 구문 분석, DOM 트리 구성 및 스크립트 실행과 같은 구현 세부 사항은 포함하지 않습니다. 🎜>

이후 좀 더 심층적인 논의를 위해 스크립트 파싱, 실행 등 브라우저 작동과 관련된 일부 기술적인 세부 사항을 추출할 수 있습니다

. HTML에서는 시작 태그와 끝 태그를 무심코 생략할 수 있고, 불규칙성이 너무 심해서 불편하다고 생각하시는 분들이 계시다면, HTML에서는 태그 생략에 대한 매우 엄격한 규칙이 있다는 것을 이 시리즈에서 알려드리겠습니다...

HTML이 단순하다고 생각하고, 최악의 경우 XML에 따라 작성한다면, 이 시리즈는 HTML이 함정으로 가득 차 있다는 것을 알려줄 것입니다. 각 브라우저의 구현을 고려하지 않더라도 이 지뢰밭을 안전하게 통과하지 못할 수도 있습니다...

이 시리즈를 시작하기 전에 소개해야 할 몇 가지 매우 중요한 개념이 있습니다. HTML에는 많은 개념이 있으며 자세한 내용은 용어 장을 참조하세요. 하지만 일부는 참조 매뉴얼에서 널리 인용되지 않습니다. , 블록 중 일부만이 익숙한 의미를 갖습니다.

브라우징 컨텍스트 - 브라우징 컨텍스트
는 우리가 일반적으로 보는 페이지입니다. 정확하게 말하면 브라우징 컨텍스트는 환경이며, 이 환경에서는 HTML이 구문 분석 및 구성되고, CSS 스타일이 계산 및 적용되며, 자바스크립트 스크립트가 로드 및 실행되고, 최종 사용자가 볼 수 있는 콘텐츠가 생성됩니다. 표시됩니다.

• 일반적으로 우리가 가장 자주 접하게 되는 컨텍스트는 다음과 같습니다.

IE6 창과 같은 브라우저 창.
멀티탭 브라우저, Firefox, Chrome 및 기타 브라우저의 탭이 이를 수행합니다.
• 요소도 독립적인 탐색 컨텍스트입니다.

  <iframe>

프레임세트에서
• 요소는 독립적인 탐색 컨텍스트도 형성합니다.

  <frame>

새 줄 - 새 줄
기본 컴퓨터 과정에서 배운 대로 HTML은 3가지 유형의 줄 바꿈을 정의합니다.

• 다른 시스템에는 자체 기본 줄 바꿈 출력이 있습니다. HTML 규정은 브라우저가 세 가지 주요 줄 바꿈 방법을 올바르게 구문 분석할 수 있도록 보장합니다.

문자 U+000D, 즉 r 문자입니다.
문자 U+000A, 즉 n자입니다.
문자 U+000D 뒤에는 rn 문자열인 U+000A가 옵니다.

Space-space
Space는 HTML에서 매우 중요한 역할을 합니다. 예를 들어 요소의 속성을 분리할 수 있습니다. 공백으로 구분하여 사용합니다. 일반적인 상황에서 개발자는 공백을 입력하기 위해 스페이스바를 누릅니다. 속성이 많을 경우 Enter를 사용하여 속성을 더 잘 정렬할 수 있습니다. 그러나 캐리지 리턴의 효과가 공백의 효과와 동일한 이유에 대해 생각하는 사람은 거의 없을 것입니다. HTML에서 공백으로 구문 분석할 수 있는 다른 문자는 무엇입니까?

• 공백 문제와 관련하여 jQuery도 이 문제를 저질렀으며 오늘날에도 여전히 존재합니다. jQuery 1.5.1의 1738행은 요소의 클래스 속성을 공백으로 구분하는 데 사용되는 정규식

  을 정의합니다. 버전 1.4.4에서는 이 정규식

  에 분명히 r이 누락되어 있으며 이 BUG 항목은 이 문제를 보여줍니다. 물론 버전 1.5.1에서는 여전히 표준의 모든 공백 문자, 즉 U+000C 페이지 나누기를 처리하지 못하는 점은 아쉽습니다. /[ntr]/g/[nt]/g

U+0020이라는 글자는 평범한 공간이다.
U+0009 문자는 t 가로 탭 문자입니다.
U+000A 문자는 n 개행 문자입니다.
U+000D 문자는 r 캐리지 리턴 문자입니다.
문자 U+000C, 페이지 나누기이며 거의 볼 수 없습니다.

위 내용은 HTML5 표준 학습-소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!