웹 품질을 향상시키기 위해서는 <DOCTYPE>, <title> 및 <h1>이 모두 중요합니다.
<!DOCTYPE> 요소
모든 HTML 및 XHTML 페이지는 <Doctype> 요소를 사용하여 따라야 할 HTML 버전을 정의해야 합니다.
doctype은 사용 중인 HTML 버전을 정의하고 브라우저에 중요한 정보를 제공하여 페이지를 더 빠르고 일관되게 렌더링할 수 있도록 합니다.
문서 유형 선언을 통해 유효성 검사 소프트웨어가 페이지 구문을 확인할 수도 있습니다.
HTML 5
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 프레임세트 //EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
<!DOCTYPE html PUBLIC "-//W3C //DTD /DTD DTD XHTML 1.0 프레임셋//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
//W3C//DTD XHTML 1.1 //EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
요소 </h2><p><title> 요소는 가장 중요한 HTML 요소 중 하나입니다. 주요 기능은 웹 페이지의 내용을 설명하는 것입니다. </p><p>제목이 웹 페이지에서 눈에 보이는 부분이 아니더라도 다음 위치에서 제목이 보이기 때문에 웹 사이트의 품질을 향상시키는 것이 여전히 중요합니다: </p><ul class=" list-paddingleft-2"><li><p>검색 엔진 목록</p></li><li><p>제목 표시줄 창 </p></li><li><p>사용자 북마크의 제목 </p></li></ul><p>은 최대한 짧고 설명적이어야 합니다. </p><p>사용자가 인터넷에서 웹사이트를 검색하면 대부분의 검색 엔진은 검색 결과에 해당 웹사이트의 제목을 표시합니다. 제목이 페이지 내용과 일치하는지 확인하세요. 이렇게 하면 사용자가 해당 링크를 클릭하여 귀하의 웹사이트를 방문할 가능성이 높아집니다. </p><p>사용자가 웹사이트를 방문하면 창의 제목 표시줄에 제목이 표시됩니다. 창이 최소화된 경우에도 제목이 여전히 사이트의 콘텐츠를 설명하는지 확인하세요. </p><p>사용자가 웹사이트를 방문하면 페이지 제목이 기록 폴더에 저장됩니다(사용자는 페이지를 즐겨찾기에 저장할 수도 있습니다). 후속 방문에 성공하려면 제목이 사이트를 명확하게 설명하는지 확인하세요. </p><p><strong>훌륭한 제목: </strong></p><p><title>HTML Tutorial</title> ;/title></p><p><title>1장</title></p><p>W3Cschool에는 잘 정리되어 있고 HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL 튜토리얼을 이해하고 매우 다양한 예제와 소스 코드를 포함합니다. <strong></strong></p><h1> 요소 <p></p><h1> 요소는 웹페이지의 최상위 제목을 설명하는 데 사용됩니다. <p></p>일부 브라우저에서는 기본적으로 <h1> 요소를 큰 글꼴로 표시하므로 일부 웹 개발자는 <h1> 요소 대신 <h2> 요소를 사용하여 상단 제목을 표시합니다. 그렇게 하면 독자에게는 영향이 없지만 페이지의 "구조를 이해"하려는 검색 엔진과 기타 소프트웨어는 혼란을 겪게 됩니다. <p></p>최상위 제목에는 <h1>을 사용하고 하위 수준에는 <h2> <hr/><h2>다음 템플릿을 기반으로 웹페이지를 구성할 수 있습니다. </h2><p></p><p></p><p>이것은 기본 제목입니다.</p><p>일부 초기 텍스트</p><table style="border:1px solid black;padding:5px;width:70%">이것은 레벨 2 제목입니다.<tbody><tr class="firstRow">이것은 일부 텍스트입니다. 이건 텍스트입니다.<td><h1>이것은 레벨 3 제목입니다.</h1><p>이것은 일부 텍스트입니다. 이것은 일부 텍스트입니다.</p><h2></h2><p></p><h3>기본 제목 글꼴 크기가 마음에 들지 않으면 다음을 수행하세요. 스타일이나 스타일시트를 사용하여 변경합니다. </h3><p></p></div></div><div class="previous-next-links"><div class="previous-design-link">← <a href="/CodeBasic/CodeBasic-standards.html" rel="prev">웹 품질 표준</a></div><div class="next-design-link"><a href="/CodeBasic/CodeBasic-styles.html" rel="next">웹 품질 스타일시트</a> →</div></div><div class="sidebar-box ad-box ad-box-large"><div class="ad-336280"></div></div></div></div></div></div><div id="codeMark"></div><div id="codeMain"><div class="left"><div id="codeEditor"></div><div class="editor-btn"><div class="editor-btn-inner"><a href="javascript:;" class="code-btn-submit r" id="J_Commit" title="제출하다">제출하다</a></div></div></div><div class="right"><div id="codeResult"></div></div><div id="close"></div></div><script src="/static/js/CodeRunOnline.js?1.1"></script><script src="/static/src-min-noconflict/ace.js"></script><footer><a href='https://m.php.cn/ko/' ><i
class='layui-icon layui-icon-home '></i>집</a><a href='/course.html' ><i
class='layui-icon layui-icon-play'></i>비디오</a><a href="https://m.php.cn/ko/wenda.html" ><i
class='layui-icon layui-icon-code-circle'></i>Q&A</a><a href='https://m.php.cn/ko/login' ><i class='layui-icon layui-icon-username'></i>나의</a></footer><div class="right_menu"><div class="right_menu_con"><h2 class="hjclass-txt"><i class="layui-icon layui-icon-shrink-right hjclass-txt-i"></i>PHP 중국어 웹사이트</h2><div class="menu-list"><a href="https://m.php.cn/ko/"><span class="item-icon item-1"><img src="https://img.php.cn/upload/article/000/000/003/5bffb65f99ae2304.png" alt="집"></span>집</a><a href="https://m.php.cn/ko/course.html"><span class="item-icon item-7"><img src="https://img.php.cn/upload/article/000/000/003/5bffb82bd09ad628.png" alt="강의"></span>강의</a><a href="https://m.php.cn/ko/article.html"><span class="item-icon item-4"><img src="https://img.php.cn/upload/article/000/000/003/5bffb7e111b3b425.png" alt="기사"></i></span>기사</a><a href="https://m.php.cn/ko/wenda.html"><span class="item-icon item-2"><img src="https://img.php.cn/upload/article/000/000/003/5bffb83f04e24328.png" alt="Q&A"></span>Q&A</a><a href="https://m.php.cn/ko/dic.html"><span class="item-icon item-9"><img src="https://img.php.cn/upload/article/000/000/003/5bffb85047b25758.png" alt="사전"></span>사전</a><a href="https://m.php.cn/ko/course/type/99.html"><span class="item-icon item-3"><img src="https://img.php.cn/upload/article/000/000/003/5bffb8736ea90300.png" alt="수동"></span>수동</a><a href="https://m.php.cn/ko/xiazai/"><span class="item-icon item-5"><img src="/static/images/ico/resources.png" alt="다운로드"></span>다운로드</a><a href="https://m.php.cn/ko/search"><span class="item-icon item-6"><img src="https://img.php.cn/upload/article/000/000/003/5bffb880b460a204.png" alt="찾다"></span>찾다</a><a href="https://m.php.cn/ko/app/"><span class="item-icon item-6"><img src="https://img.php.cn/upload/article/000/000/003/608bbfa30d9cc398.png" style="width:35px;height:35px;" alt="APP다운로드"></span> APP다운로드</a></div></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/js/jquery.min.js"></script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script>(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?43f47cabf6856204df6d083dd89ae407";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></body></html>