> 웹 프론트엔드 > HTML 튜토리얼 > 일반적인 XHTML 태그 소개_HTML/Xhtml_웹페이지 제작

일반적인 XHTML 태그 소개_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:44:15
원래의
1100명이 탐색했습니다.

한동안 나는 많은 사람들이 XHTML을 사용하는 방법을 모른다는 것을 알게 되었습니다. 일반 초보자뿐만 아니라 일부 프로그래머도 이 XHTML을 작성하는 방법을 모릅니다. 여기서는 몇 가지 일반적인 응용 프로그램 문제 목록을 작성하겠습니다. 정리하자면, 모두가 소통과 협력에 있어 암묵적인 이해를 형성하는 방식이라고도 볼 수 있습니다.
XHTML에는 많은 태그가 있지만 자주 사용되는 태그는 몇 가지 뿐이므로 이 몇 가지만 익히면 됩니다. 아래에 하나씩 나열해 보겠습니다. div, p,span, ul, li, dl, dt, dd, a, img, h, Strong, em
div 마음속에는 늘 병이나 상자라고 생각하는데 꽤 딱딱한 것 같아요. 이 div는 특별한 의미가 없으며 여러 곳에서 사용될 수 있습니다. 즉, 다양한 내용을 담을 수 있다는 의미입니다. 올바른 표기법은
봉인해야 합니다. 누구나 레이아웃 목적으로 사용하며, 기사를 저장하여 문단을 구성하는 데에도 사용됩니다. 사실 이 방법은 기사의 문단으로 사용할 특정 태그가 있기 때문에 별로 좋지 않습니다. 이것이 바로 아래에서 설명할

태그인데, 모든 문단을 전체적으로 감싸려면 DIV를 사용하세요. 이것은 매우 실용적입니다.
p 특정 의미를 지닌 태그로 문단을 표시하며, 문단을 구별하는데 사용됩니다. 대부분의 브라우저에는 기본적으로 P에 대한 위쪽 및 아래쪽 여백이 있습니다. 그러나 줄 시작 부분에는 들여쓰기가 없습니다. 왜냐하면 줄 시작 부분의 들여쓰기는 문단을 표현하기 위한 것일 뿐 확실하거나 꼭 필요한 것은 아니기 때문입니다. 따라서 P 태그를 사용할 때 필요한 경우 P에 대한 줄 들여쓰기의 시작 부분을 설정할 수 있습니다. P는 특정 의미를 가지며 다른 곳에서 사용하면 적합하지 않을 수 있으므로 기사 외부에서는 P를 사용하지 않는 것이 좋습니다. 올바른 표기법은

입니다.
span 이 태그는 매우 일반적으로 사용되는 태그입니다. 이 태그는 div와 매우 유사하다고 할 수 있습니다. 블록 수준 요소가 아닌 계단식 요소라는 점을 제외하면 특별한 의미는 없습니다. 저는 항상 가방이라고 생각했는데, 상자처럼 너비와 높이가 따로 있는 게 아니고, 내용물의 양에 따라 너비와 높이가 결정되기 때문에 가방과 매우 흡사합니다. 이 태그는 div를 정확히 보완합니다.
ul,li 목록에 보면 UL 외에 OL도 있는데 OL은 좀 쓸데없는 것 같아요. CSS를 통해 정의된 UL은 OL의 숫자 정렬 효과도 가질 수 있기 때문입니다. 따라서 일반적으로 UL이 있는 한 OL을 사용하지 않는 것이 좋습니다. UL은 블록 수준 태그이고 그 하위 li도 블록 수준 태그입니다. 올바른 작성 방법은
입니다. LI 태그는 UL 태그로 둘러싸여 있습니다. UL 태그에는 수많은 LI 태그가 있을 수 있으며 LI 태그는 독립적으로 사용할 수 없습니다. 그리고 LI 라벨은 밀봉되어야 합니다. 이는 외관상 문제일 뿐만 아니라 향후 유지 관리에도 매우 유용합니다. 많은 프로그래머들은 이 LI를 봉인하는 것을 좋아하지 않습니다. UL 목록의 목적은 주로 동일한 유형의 1차원 데이터를 나열하는 것입니다. 구체적인 예로는 메뉴에 사용된 내용, 기사에 나열된 일부 규정 등이 있습니다. 목록에는 UL과 다른 특별한 양식이 있습니다. 아래 DL이요
dl,dt,dd 이는 세 가지 태그의 매우 특별한 조합입니다. 여기서 DT는 제목을 나타내고 DD는 내용을 나타냅니다. DL은 이를 패키징하는 컨테이너입니다. 올바른 표기 방법은
입니다. DL에는 DT와 DD의 그룹이 여러 개 있을 수 있습니다. 그룹이 많은 경우 하나의 DT를 하나로 연결해 보세요. DD. 콘텐츠가 많으면 DD에 P 태그를 추가하여 사용할 수 있습니다. DL 목록은 매우 좋은 목록 형식이며 더 많이 사용할 수 있습니다.
a 이는 특정 속성을 갖고 있는 링크를 나타내며 웹페이지에서 가장 마법 같은 태그이기도 합니다. 수많은 웹페이지를 하나로 연결해주기 때문이죠. 올바른 작성 방법은 다음과 같습니다. href는 대상 주소를 나타내고 TITLE은 마우스 오버 프롬프트 텍스트이며 선택 사항입니다. 그러나 없는 것보다 더 많은 이점이 있어야 합니다.
img 이미지 태그이면서 특정 속성을 가진 태그이기도 합니다. 일반적인 작성 방법은 다음과 같습니다. 여기서 src는 대상 주소이고, ALT 및 TITLE은 대체 텍스트이고, ALT는 IE에만 ​​해당되며, TITLE은 다른 브라우저에 공통입니다. 하지만 끝에 백슬래시가 있어야 한다는 점을 기억하세요.
H H1부터 H6까지 총 6개의 태그입니다. 너무 적다는 사람도 있고, 딱 좋다는 사람도 있고, 너무 많아서 못 쓴다는 사람도 있습니다. 아무튼 거의 비슷한 것 같아요. 올바른 작성 방법은 다음과 같습니다. 주로 제목을 저장하는 데 사용됩니다. 어떤 친구들은 다른 용도로도 사용합니다. 개인적으로 이 태그를 사용하면 좀 더 평화롭게 제목 역할을 할 수 있을 것 같습니다. 이 6개 태그 사이에는 상호 포함을 두지 않는 것이 가장 좋습니다.
strong 강조를 의미하는 의미적 의미를 가지며 그 기능은 매우 간단합니다. 샘플 작품은 볼드하게 강조할 것인지, 컬러를 사용하여 강조할 것인지는 본인의 선택입니다. 올바른 표기법은 입니다.
em은 Strong과 매우 유사하며 강조를 의미합니다. 일반 브라우저의 기본값은 이탤릭체입니다. Strong과 동일한 방법을 사용하십시오. 글은 다음과 같습니다.
여기서는 형식을 말하는 것이 아닙니다. 형식은 기본적으로 크게 변하지 않았고 특별히 말할 것도 없기 때문입니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿