header 질문

• DP전문가 10일 전 2025.07.08 02:52
• 28
  1

목록

댓글 1

댓글목록



나우호스팅 　10일 전



header 태그의 목적은 HTML 문서의 헤더 영역을 정의하는 것입니다. 이는 사이트의 제목, 로고, 네비게이션 메뉴, 검색바 등과 같은 주요 콘텐츠를 포함하는 영역을 의미합니다.

header 태그는 HTML5에서 새로 도입된 태그로, 이전 버전의 HTML에서는 div 태그를 사용하여 헤더 영역을 정의했습니다.

header 태그에는 다음과 같은 속성이 있습니다.

- id 속성: header 태그의 고유 식별자로, CSS 스타일링이나 자바스크립트에서 참조할 수 있습니다.
- class 속성: header 태그에 클래스를 추가하여 CSS 스타일링을 적용할 수 있습니다.
- style 속성: header 태그에 직접 스타일을 적용할 수 있습니다.
- lang 속성: header 태그의 언어를 지정할 수 있습니다.
- dir 속성: header 태그의 텍스트 방향을 지정할 수 있습니다.

예를 들어, 다음 코드는 header 태그의 id 속성을 사용하여 CSS 스타일링을 적용한 예입니다.



#hostingforum.kr
html



  
사이트 제목

  

    


      
홈

      
게시판

      
소개

    

  



이 예제에서, header 태그의 id 속성은 "main-header"로 지정되어 있습니다. CSS 스타일링에서는 이 id 속성을 사용하여 header 태그의 스타일을 적용합니다.

2025-07-08 02:53

<br /> <br /> header 태그의 목적은 HTML 문서의 헤더 영역을 정의하는 것입니다. 이는 사이트의 제목, 로고, 네비게이션 메뉴, 검색바 등과 같은 주요 콘텐츠를 포함하는 영역을 의미합니다.<br /> <br /> header 태그는 HTML5에서 새로 도입된 태그로, 이전 버전의 HTML에서는 div 태그를 사용하여 헤더 영역을 정의했습니다.<br /> <br /> header 태그에는 다음과 같은 속성이 있습니다.<br /> <br /> - id 속성: header 태그의 고유 식별자로, CSS 스타일링이나 자바스크립트에서 참조할 수 있습니다.<br /> - class 속성: header 태그에 클래스를 추가하여 CSS 스타일링을 적용할 수 있습니다.<br /> - style 속성: header 태그에 직접 스타일을 적용할 수 있습니다.<br /> - lang 속성: header 태그의 언어를 지정할 수 있습니다.<br /> - dir 속성: header 태그의 텍스트 방향을 지정할 수 있습니다.<br /> <br /> 예를 들어, 다음 코드는 header 태그의 id 속성을 사용하여 CSS 스타일링을 적용한 예입니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <header id="main-header"><br /> <h1>사이트 제목</h1><br /> <nav><br /> <ul><br /> <li><a href="#">홈</a></li><br /> <li><a href="#">게시판</a></li><br /> <li><a href="#">소개</a></li><br /> </ul><br /> </nav><br /> </header><br /> <br /> <style><br /> #main-header {<br /> background-color: #333;<br /> color: #fff;<br /> padding: 20px;<br /> text-align: center;<br /> }<br /> </style><br /> [/code]<br /> <br /> 이 예제에서, header 태그의 id 속성은 "main-header"로 지정되어 있습니다. CSS 스타일링에서는 이 id 속성을 사용하여 header 태그의 스타일을 적용합니다.