HTML의 Div,span 및 label 태그의 차이점

p andspan

p+css 레이아웃을 처음 배울 때 다들 헷갈려하는 부분이 많은데, p와 span을 사용하는데 있어서 딱히 "유기체"가 없다고 느껴집니다. w3c의 p에 관하여 및 범위 의 정의: p는 분할 문서 구조로서 자연스럽게 가장 공식적인 의미론이 되지만 이러한 공식 의미론은 너무 혼란스럽습니다. 큰 구조는 괜찮지만 작은 장소에는 적합합니다. , p를 사용할지, SPAN을 사용할지 여전히 혼란스럽습니다. 사실 사람들이 갑자기 이해하게 되는 것은 "Microsoft MSDN Library"
의 정의입니다.

p: HTML을 렌더링할 컨테이너를 지정합니다.

span: 인라인 텍스트 컨테이너를 지정합니다.

일반인의 관점에서

에 다른 태그가 있으면 p를 사용하고, 텍스트만 있으면

를 사용합니다. p는

HTML 문서

에서 큰 콘텐츠 블록에 대한 구조와 배경을 제공하는 데 사용되는 블록 수준 요소입니다.span은 줄 내 영역을 정의하는 인라인 요소입니다(즉, 한 줄을 여러 영역으로 나눌 수 있음). by )

p 라벨에 스팬 라벨을 삽입할 수 있습니다. (p는 큰 컨테이너로 간주할 수 있고, 스팬은 작은 컨테이너로 간주할 수 있습니다. 물론 큰 컨테이너에는 작은 컨테이너를 담을 수 있습니다.)

span and label

스팬에 대한 위 설명을 사용하면 텍스트에 대해 스팬 컨테이너 작업을 수행할 수 있지만 레이블도 사용할 수 있나요? 둘의 차이점은 무엇인가요?

라벨 태그 는 주로 양식 요소를 바인딩하는 데 사용됩니다. 레이블 태그 를 클릭하면 바인딩된 양식 요소가 입력 포커스를 얻습니다.

span은 일반용 컨테이너입니다. 텍스트.

예:

내 블로그 방문하셨나요

예


NO
(라디오가 아닌 "예" 또는 "아니요" 텍스트를 누르세요)

사용자 이름:

실행 결과:

한 가지 질문은:

accesskey 속성이 바로가기 키를 설정하는 데 사용되지 않나요? 그런데 1이나 Alt+1 키도 반응하지 않고, 무슨 일인지 모르겠고, 전문가가 라벨 액세스 키 사용법에 대한 답변을 줬으면 좋겠습니다.

첨부: 라벨 라벨의 구체적인 사용법:

레이블은 레이블 표시로 표시됩니다. 이 표시는 다른 사용자 대화형 컨트롤과의 바인딩을 지원하고 바인딩된 컨트롤을 대신하여 해당 이벤트를 트리거합니다. 바인딩 방법은 for 속성 값을 대상 컨트롤(바운드 컨트롤) ID로 지정하는 것입니다. 일반적으로 라디오 버튼과 체크박스를 사용할 때 라벨 바인딩을 사용하는 것이 더 일반적입니다.
Label의 두 속성은 매우 유용합니다. 하나는 for이고 다른 하나는 accesskey입니다.
For 속성:
기능: 이 라벨을 클릭하면 HTML 요소 가 바인딩됨을 나타냅니다. , 바인딩된 요소에 초점이 맞춰집니다
사용법:
Name

Accesskey 속성:
기능: 라벨 태그에 바인딩된 요소에 액세스하기 위한 단축키를 나타냅니다. 단축키를 누르면 바인딩된 요소가 포커스를 받습니다.
사용법: 이름

제한 사항: 단축키 accessKey 속성으로 설정된 키는 브라우저의 단축키와 충돌할 수 없습니다. 그렇지 않으면 우선순위 또는 브라우저의 단축키가 됩니다.


참고: LABEL을 다른 컨트롤에 바인딩하려면 LABEL 요소의
FOR 속성을 컨트롤의 ID와 동일한 로 설정하세요. LABEL을 컨트롤의 NAME 속성에 바인딩하는 것은 쓸모가 없습니다. 그러나 양식을 제출하려면 LABEL 요소가 바인딩된 컨트롤의 이름을 지정해야 합니다.
지정된 단축키

에 밑줄을 추가하는 두 가지 방법이 있습니다. LABEL 요소에 대한 서식 있는 텍스트 지원을 통해 ACCESSKEY 속성에 지정된 가속 문자의 양쪽에 U 요소를 추가할 수 있습니다. 스타일 시트(CSS)를 사용하여 스타일을 적용하려는 경우 문자를 SPAN으로 래핑하고 "text-designation으로 스타일을 지정할 수 있습니다. underline".

사용자가 LABEL을 클릭하면 LABEL의 onclick 이벤트가 먼저 발생하고, htmlFor 속성에 지정된 컨트롤의 onclick 이벤트가 발생합니다. LABEL에 설정된 단축키를 누르면 설정됩니다.

태그는 중첩될 수 없습니다.


이 요소는 Internet Explorer 4.0 이상의 스크립트에서 사용할 수 있습니다.


이 요소는 인라인 요소입니다. 라벨을 닫아야 합니다




.

위 내용은 HTML의 Div,span 및 label 태그의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!