> 웹 프론트엔드 > HTML 튜토리얼 > div와 span의 차이점과 사용법을 요약합니다.

div와 span의 차이점과 사용법을 요약합니다.

伊谢尔伦
풀어 주다: 2017-06-05 14:19:14
원래의
7070명이 탐색했습니다.

스팬 태그 요소란 무엇인가요?

html 태그 요소에서 스팬 요소는 인라인 요소, 즉 인라인 요소입니다. 한 줄도 차지하지 않는 것이 특징이다. 이는 자체 라인에 있는 블록 수준 요소와 반대입니다. 요소는 실질적인 의미가 없습니다. mark을 콘텐츠에 추가하려면 span에 스타일을 정의하면 됩니다. 콘텐츠 스타일을 지정하세요.

DIV 태그 요소란 무엇인가요?

DIV는 문서에서 구분이나 섹션(division/section)을 정의할 수 있습니다. DIV 태그는 문서를 독립적이고 다른 부분으로 나눌 수 있습니다. 엄격한 구성 도구로 사용할 수 있으며 이와 관련된 서식을 사용하지 않습니다. DIV에 ID나 클래스를 표시하면 태그가 더욱 효과적입니다. div 태그는 HTML 파일에 논리적 섹션을 만드는 데에도 사용됩니다. 그러나 텍스트 블록 수준에서 작동하는 스팬 태그와 달리 이 태그에는 포함된 HTML 요소 앞뒤에 줄 구분이 도입됩니다.

다음 문서에서는 범위 태그 요소의 사용과 DIV와 범위의 차이점을 요약합니다.

먼저 PHP 중국어 웹사이트

1과 관련된 무료 강좌를 배울 수 있습니다. "HTML + CSS 기본 튜토리얼"

에서

태그 장을 알아보세요. div와 span의 차이점과 사용법을 요약합니다.2.

텍스트 DIV 및 스팬 태그

비디오 코스

div와 span의 차이점과 사용법을 요약합니다.스팬 태그 요소 콘텐츠

에서 "Dark Horse Programmer HTML 비디오 튜토리얼"을 시청하세요. 및 스팬 태그

ID는 대상 요소가 매우 고유한 경우에만 사용되며 웹 사이트의 다른 곳에서는 절대 사용되지 않습니다. 즉, 이 요소가 한 번만 ID가 사용되어야 한다는 것이 절대적으로 확실한 경우에만 사용됩니다. 나중에 유사한 요소가 필요할 수 있다고 생각되면 요소의 주요 기능은 행 내의 요소를 그룹화하거나 식별하는 것입니다.

2.

범위의 최소 높이를 정의합니다.

한 친구가 이렇게 물었습니다. CSS로 범위의 높이와 너비를 정의한 후에도 마치 실패한 것처럼 너비와 높이가 여전히 변경되지 않는 이유는 무엇입니까? 사실 이 문제는 매우 간단합니다. 스팬은 인라인 요소이고 인라인 요소는 너비와 높이를 무시하기 때문에 먼저 스팬의 속성을 이해해야 합니다. 이 문제를 이해하고 나면 해결책은 사용하는 것이 매우 간단합니다. css 그냥 스팬을 박스형 요소로 바꾸세요.

3.
HTML에서 스팬 태그의 표준 사용은 무엇인가요?

문자나 그림 등을 한폭에 넣는 것이 기준에 맞는가요?

의미 있는 인라인 요소가 없습니다.

단락 스타일과 다른 콘텐츠에 대해 단락 내에서 스타일을 정의하세요. 다음 조건을 충족하는 콘텐츠에 대해 스팬 태그를 사용할 수 있습니다. 2. 의미가 없습니다. 3. 언제. DIV 태그 요소 내용

1 html에서 DIV 태그를 사용하는 방법

CSS-DIV를 사용하는 것은 주로

태그에 의존합니다: "DIV 블록", "DIV 요소", "CSS -layer" "또는 간단히 "레이어"입니다.

2. Html5는 두 DIV 요소 사이에 이미지를 드래그 앤 드롭하는 방법을 구현합니다

preventDefault()를 호출하여 브라우저의 기본 데이터 처리를 방지합니다(드롭 이벤트의 기본 동작은 이미지를 다음과 같이 여는 것입니다). link) dataTransfer.getData("Text") 메소드를 통해 드래그된 데이터를 얻습니다. 이 메소드는 setData() 메소드에서 동일한 유형으로 설정된 모든 데이터를 반환합니다. 드래그된 데이터는 드래그된 요소("drag1")입니다. 드래그된 요소를 배치 요소(대상 요소)에 추가합니다.

3. CSS는 DIV 요소의 투명도를 설정합니다.

Opacity=불투명도 시작 (100이면 투명하지 않음)
FinishOpacity=불투명도 끝(100이면 투명하지 않음)
Style=스타일, 0부터 시작, 1.2.3... 균일한 투명도, 방사형 있음 투명도 모양...
StartX = 투명도가 시작되는 X 좌표, 기본적으로 그림이나 레이어의 왼쪽 위 모서리(0)
StartY= 투명도가 시작되는 Y 좌표, 기본적으로 그림의 왼쪽 위 모서리 또는 레이어(0)
FinishX=투명도가 끝나는 X 좌표, 기본적으로 그림과 레이어의 오른쪽 하단(그림과 레이어의 너비)
FinishY = 투명도 끝의 Y 좌표, 기본적으로 오른쪽 하단 그림 및 레이어의 높이(그림 및 레이어의 높이)

DIV 및 SPAN의 차이점 및 사용법

1 HTML에서 DIV와 스팬의 차이점 설명

DIV 태그와 SPAN 태그는 전체적으로 숨기고 전체적으로 이동하는 등 일부 콘텐츠를 전체적으로 처리합니다. 상자 같은 것. 이를 통해 코드를 간소화하고 효율성을 높일 수 있습니다.

DIV는 콘텐츠를 직사각형 블록에 넣고 마음대로 움직이면 레이아웃에 영향을 줍니다. Span은 콘텐츠를 전체적으로 정의하고 레이아웃이나 디스플레이에 영향을 주지 않고 운영합니다.

2. DIV와 SPAN의 차이점은 무엇인가요? 분석 및 설명

DIV와 SPAN 요소의 가장 큰 특징은 기본적으로 요소 내의 개체가 어떤 형식으로도 렌더링되지 않는다는 것입니다. 주로 스타일 시트를 적용하는 데 사용됩니다. 둘 사이의 가장 분명한 차이점은 DIV는 블록 요소인 반면 SPAN은 인라인 요소(인라인 요소라고도 번역됨)라는 것입니다.

3. CSS SPAN과 DIV의 차이점 이해하기

SPAN과 DIV의 차이점은 DIV(pision)가 단락, 제목, 표는 물론 장, 요약, 메모까지 포함할 수 있는 블록 수준 요소라는 것입니다. , 등. SPAN은 인라인 요소입니다. SPAN 전후에는 줄 바꿈이 없습니다. 구조적인 의미가 없으며 순전히 스타일을 적용하기 위한 것입니다. SPAN을 사용할 수 있습니다.

관련 질문과 답변

1. 가져온 CSS를 이 요소 태그의 스타일로 덮어쓰는 방법

2 부동이 범위 높이에 미치는 영향

3. Multiple 컨테이너 크기가 거의 같을 때 왜 항상 스팬 요소가 아래로 내려가나요?

4. 마우스를 위로 움직일 때 DIV 요소를 흐릿하고 선명하게 만드는 방법

【관련 권장 사항】

1 . PHP 중국어 웹사이트 무료 동영상 튜토리얼: 《 2016 새로운 코스 시스템 html+css》

2. PHP 중국어 웹사이트 무료 튜토리얼: 《html 개발 매뉴얼》


위 내용은 div와 span의 차이점과 사용법을 요약합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿