DIV 태그 란 무엇입니까?

DIV 태그는 HTML (HyperText Markup Language) 문서에서 섹션을 정의하는 코드입니다. HTML의 섹션은 "분할"이라고도하며 DIV 태그 이름에 사용되는 약어의 원점입니다.

SPAN 태그와 같은 DIV 태그는 대부분의 HTML에서와 같이 내용에 의미를 적용하지 않습니다. 예를 들어 "P"는 단락을 만들고 "B"는 굵은 체를 만들고 "H"는 제목을 만듭니다. DIV는 실제로 자체적으로 아무것도하지 않습니다. 단순히 다른 속성을 전체적으로 적용 할 수있는 페이지의 컨텐츠 블록을 정의합니다. DIV 태그는 코드 블록이 함께 속해 있음을 나타냅니다.

시작 DIV 태그는 "이 코드 섹션은 여기서 시작"으로 끝나고 종료 DIV 태그는 "이 두 번째 코드는 여기서 끝납니다"라고 지정합니다. 웹 페이지의 섹션을 명확하게 구분 된 섹션으로 정의 할 때 코드를 훨씬 쉽게 관리하고 조작 할 수 있습니다. DIV 태그는 전체 섹션에 속성을 적용하기 위해 STYLE 코드와 같은 다른 코드와 함께 사용할 수 있습니다. 예를 들면 다음과 같습니다.

***
이것은 검은 색 텍스트이며 다음 부르고뉴 텍스트 DIV 태그 섹션 앞에옵니다.
<div style = "color : # 610B0B;">
<h1>이 div 섹션의 헤더이며 부르고뉴 텍스트로 표시됩니다. </ h1>
<p> <b>이 div 섹션의 단락으로 부르고뉴 텍스트뿐만 아니라 굵은 글씨로 표시됩니다. </ b> </ p>
</ div>
이것은 부르고뉴 텍스트의 섹션 다음에 나타나는 검은 색 텍스트입니다.
***

DIV 태그의 또 다른 일반적인 사용법은 웹 페이지의 전체 컨텐츠 블록을 왼쪽, 오른쪽 또는 페이지 중앙에 정렬하는 것입니다. "정렬"외에도 DIV 태그에 의해 할당되는 자주 사용되는 다른 속성은 id, class, title, style, dir 및 lang입니다. 초보자 웹 페이지 제작자에게는 DIV 태그를 P (단락) 태그 대신 사용하지 않아야합니다. P 태그는 개별 단락에만 사용해야하며 DIV 태그는 문서의 더 크고 더 일반적인 섹션 또는 구분을 정의하는 데 사용해야합니다.

DIV 태그는 중첩 될 수 있습니다. 즉, 다른 세트 내에 DIV 태그의 시작 및 끝 세트를 가질 수 있습니다. 추가 된 코딩이 올바른 DIV 태그 세트 내에 배치되도록주의해야합니다. 또한 웹 브라우저는 DIV 요소가 포함 된 웹 페이지를 표시 할 때 일반적으로 DIV 요소 앞뒤에 줄 바꿈을합니다. 주변 코드를 설계 할 때이 점을 고려해야합니다.

숙련 된 웹 사이트 제작자들은 HTML 코딩시 DIV 태그를 신중하게 사용하도록 권장합니다. 그렇지 않으면 태그가 생성 한 바로 그 내용을 잃어 버리는 경향이 있습니다. 숙련 된 코더가 DIV 태그를 과도하게 사용하고, 웹 페이지 코딩을 혼잡하게하고 지나치게 복잡하게하므로 "이염"이 없도록주의해야합니다.