XHTML 입문 학습 튜토리얼: XHTML 태그_HTML/Xhtml_웹페이지 제작

XHTML 태그 소개
아마도 이전 섹션에서 XHTML 파일과 일반 일반 텍스트 파일의 가장 큰 차이점은 과 같이 ""에 포함된 일부 항목이라는 점을 알아차렸을 것입니다. 우리는 그것을 태그라고 부릅니다. 일반적으로 XHTML 태그는 과 같이 쌍으로 나타납니다. "/" 하나만 다르다는 것을 알 수 있습니다. "/"가 없는 과 같은 태그를 시작 태그라고 하고, "/"가 있는 해당 를 중지 태그라고 합니다. 시작 태그와 동일합니다. 시작 태그는 "/" 기호만 다릅니다. 물론 XHTML에는 쌍으로 표시되지 않는 일부 태그도 있으며 이러한 태그에는 종료 태그가 없습니다. 이러한 태그를 "빈 태그"라고 합니다. 빈 태그의 내용은 이후 튜토리얼에서 언급될 것입니다. 대문자 사용에 대하여
이전 버전의 HTML 태그는 대소문자를 구분하지 않았습니다. 예를 들어 태그와 태그는 동일했습니다. XHTML에서는 모든 태그가 소문자입니다. 귀하의 웹 사이트가 XHTML 표준을 따르도록 하려면 웹 페이지를 만들 때 모든 태그에 소문자를 사용하는 좋은 습관을 길러야 합니다. XHTML 태그(요소)의 역할
이전 튜토리얼에서 저장한 html 파일을 엽니다. 여섯 번째 줄의 "This is my first web page"를 "This is my first web page "로 변경합니다. 그런 다음 변경 사항을 저장하고 웹 페이지를 다시 탐색합니다. 웹 페이지의 두 단어가 굵게 표시되었으며 그 효과는 다음과 같습니다.
　이것이 나의 첫 웹페이지입니다.
차이는 분명합니다. 태그에 '웹페이지'라는 단어가 '래핑'되어 굵게 표시됩니다. 태그는 굵게 표시되며 포함된 콘텐츠에만 영향을 미칩니다. 이것이 XHTML 태그가 작동하는 방식입니다. 태그에 의해 "래핑된" 콘텐츠를 요소라고 부릅니다. 이 예에서 "webpage"라는 단어는 태그의 요소입니다. 라벨 속성

---

XHTML 태그에 대한 일부 속성을 설정할 수 있습니다. 위의 수평선에 주목하세요. 원래 코드는

---

입니다. XHTML에서

---

태그는 가로 구분선입니다. 이 구분선에 "size"(즉, 구분선의 크기) 속성을 추가할 수 있으며 해당 속성 값은 1입니다. 그러면 전체 코드는 다음과 같습니다.

---

마찬가지로 다른 XHTML 태그에 속성을 추가하는 방법은 태그의 시작 태그에 attribute="attribute value"를 추가하는 것입니다. 속성 값은 따옴표로 "묶어야" 합니다. 작은따옴표나 큰따옴표 모두 허용되지만 큰따옴표가 더 일반적으로 사용됩니다.
속성 추가 형식: 예 ->
참고: 일반 XHTML 파일에는 전환 표준과 엄격한 표준이라는 두 가지 수준의 표준(프레임워크 표준 제외)이 있습니다. 전환 표준은 주로 HTML을 사용하여 웹 사이트를 개발하는 데 익숙한 웹마스터를 대상으로 합니다. 위 코드는 과도기적 표준에서는 합법적이지만 엄격한 표준에서는 크기 속성이 잘못된 속성으로 간주됩니다. XHTML은 보다 표준화되고 엄격한 HTML 버전일 뿐만 아니라 웹 사이트 구축 방법도 장려합니다. 이는 XHTML에서 CSS를 통해 구현되는 웹 페이지의 콘텐츠와 스타일을 분리하는 것입니다. 따라서 엄격하게 표준화된 XHTML을 사용하고 스타일 정의 작업은 전적으로 CSS에 맡기는 것이 좋습니다. (XHTML 표준에 관한 문제는 이후 튜토리얼에서 소개됩니다) 빈 라벨
아마도 여기서 구분선 레이블을 대칭형

---

으로 쓰지 않고

---

으로 쓴 것을 눈치채셨을 것입니다. 실제로 이것은 이전 튜토리얼에서 언급한 짝이 없는 태그입니다. 시작 태그

---

만 있고 종료 태그 는 없습니다. 요소가 없기 때문에 이러한 태그를 빈 태그라고 부릅니다. 그렇다면 단순히

---

대신

---

을 쓰는 이유는 무엇일까요? 이 쓰기 형식은 XHTML의 모든 태그를 "닫아야" 한다는 규칙을 충족하기 위한 것입니다. 시작 태그 끝에 "/"를 추가하는 방법을 태그의 자체 닫기(또는 자체 닫기, 자체 종료 등 원하는 이름으로 지정)라고 부릅니다.
모든 빈 태그를 사용하는 자체 닫힘 방법은 동일합니다. 시작 태그의 ">" 기호 앞에 공백과 백슬래시 "/"를 추가하는 것입니다. 공백은 필수가 아니지만 일부 브라우저에서는

---

을 인식하지 못하고

---

만 인식합니다. 이것이 바로 우리가 공백을 추가한 이유입니다. (지금까지 호환되지 않는 브라우저를 본 적이 없습니다)