웹 품질 - 중요한 HTML 요소

웹 품질을 향상시키기 위해 <DOCTYPE>、<title> 및 <h1>는 중요한 태그입니다。

<DOCTYPE> 요소

Doctype는 "문서 유형 선언" (DTD)를 의미합니다.

모든 HTML과 XHTML 페이지는 <Doctype> 요소를 사용하여 어떤 HTML 버전에 따라 정의되어야 합니다。

doctype는 사용 중인 HTML 버전을 정의하며, 브라우저가 더 빠르고 일관되게 페이지를 표시하기 위해 중요한 정보를 제공합니다。

문서 유형 선언은 또한 검증 소프트웨어가 페이지의 문법을 검사할 수 있도록 합니다:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

참조:HTML <!DOCTYPE> 태그

<title> 요소

<title> 요소는 가장 중요한 HTML 요소 중 하나입니다. 주요 기능은 웹 페이지의 내용을 설명하는 것입니다.

타이틀이 웹 페이지의 보이는 부분이 아니더라도, 웹사이트의 품질을 높이는 데 중요합니다. 이는 다음 위치에서 보이기 때문입니다:

  • 검색 엔진 목록
  • 창의 타이틀 바
  • 사용자의 북마크에

타이틀은 최대한 짧고 설명적인 것으로 해야 합니다.

사용자가 인터넷에서 웹사이트를 검색할 때, 대부분의 검색 엔진이 검색 결과에 웹사이트 타이틀을 표시합니다. 타이틀과 웹 페이지의 내용이 일치해야 합니다. 이렇게 하면 사용자가 이 링크를 클릭하여 웹사이트에 접근할 가능성이 더 높아집니다.

사용자가 웹사이트에 접속할 때, 창의 타이틀 바에 타이틀이 보입니다. 창이 최소화되었을 때도 타이틀이 웹사이트 내용을 설명하는 역할을 해야 합니다.

사용자가 당신의 웹 사이트를 방문한 후, 웹 페이지의 제목은 히스토리 폴더에 저장됩니다. (사용자는 웹 페이지를 그의 책갈피에도 저장할 수 있습니다). 추가적인 성공적인 접근을 위해, 제목이 당신의 웹 사이트를 명확하게 설명할 수 있도록 보장해야 합니다.

좋은 제목:

<title>HTML 강의</title>
<title>XML 소개</title>

약한 제목:

<title>소개</title>
<title>챕터 1</title>
<title>CodeW3C.com은 잘 조직되고 이해하기 쉬운 HTML, CSS, JavaScript,
DHTML, XML, XHTML, WAP, ASP, SQL 강의, 많은 예제와 소스 코드 포함。</title>

참조:HTML <title> 태그

<h1> 元素

<h1> 元素用於描述網頁中最上層的標題。

由於一些瀏覽器會默認將 <h1> 元素顯示為很大的字體,因此會有一些 web 開發者使用 <h2> 元素代替 <h1> 元素來顯示最上層的標題。这样做不会对读者产生影响,但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。

請確保將 <h1> 用於最頂層的標題,<h2> 和 <h3> 用於較低的層級。

이 템플릿을 기준으로 웹 페이지를 만들어 보세요:

기본 제목 글자 크기를 좋아하지 않는다면, 스타일이나 스타일 시트를 사용하여 변경할 수 있습니다.

참조:HTML <h1> - <h6> 태그