HTML의 h태그는 웹 페이지에서 제목(heading)을 표시하는 데 사용됩니다. h태그는 1부터 6까지의 크기가 있으며, 숫자가 작아질수록 제목의 크기는 작아집니다.
h태그는 웹 페이지에서 텍스트를 섹션(section)으로 구분하는 데 사용됩니다. 각 섹션은 한 가지 토픽을 다루고 있으며, 각 섹션의 시작 부분에는 그 섹션의 주요 내용을 나타내는 h태그가 포함됩니다. 이렇게 하면 사용자가 페이지 내용을 쉽게 이해하고 탐색할 수 있습니다.
사용법
다음은 h태그를 사용하여 웹 페이지의 구조를 만드는 예입니다.
<body>
<h1>My Blog</h1>
<h2>Introduction</h2>
<p>Welcome to my blog! Here, you'll find articles and essays on a variety of topics, including technology, culture, and politics.</p>
<h2>Technology</h2>
<p>Here are some of my recent articles on technology:</p>
<ul>
<li><a href="article1.html">The Future of AI</a></li>
<li><a href="article2.html">The Ethics of Data Collection</a></li>
</ul>
<h2>Culture</h2>
<p>Here are some of my recent articles on culture:</p>
<ul>
<li><a href="article3.html">The Art of Film Scoring</a></li>
<li><a href="article4.html">Why We Love Horror</a></li>
</ul>
</body>
이 예에서는 h태그를 사용하여 각 섹션의 제목을 정의합니다. h1은 전체 페이지의 제목입니다. h2는 소개, 기술, 문화 등 세 가지 섹션의 제목입니다. 각 섹션은 해당 주제에 대한 글의 링크를 포함하는 목록으로 구성됩니다.
h태그는 SEO(Search Engine Optimization)에도 중요합니다. 검색 엔진은 h태그를 페이지의 내용을 이해하는 데 사용합니다. 따라서 h태그를 사용하여 중요한 키워드를 강조하는 것이 검색 엔진에게 페이지 내용을 이해시키는 데 도움이 됩니다.
'IT > html' 카테고리의 다른 글
html img 태그 (0) | 2023.02.20 |
---|---|
html a 태그 (0) | 2023.02.19 |
html 목록 태그 (0) | 2023.02.18 |
HTML 이란? (0) | 2023.02.17 |
HTML p 태그 (0) | 2023.02.14 |
댓글