모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.
문제시, 비공개로 전환하겠습니다.
<정보로서의 HTML>
- meta tag -
어떠한 데이터를 설명하는 데이터
<meta charset="utf-8"> : 우리가 작성한 웹페이지를 컴퓨터에 저장할 때, utf-8로 인코딩하라.
예제 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="생활코딩의 소개자료"> <meta name="keywords" content="코딩,coding,생활코딩,프로그래밍,html, css, javascript"> <meta name="author" content="egoing"> <meta http-equiv="referesh" content="30"> <title></title> </head> <body> 생활코딩은 일반인에게 프로그래밍을 알려주는 온라인/오프라인 강의입니다. </body> </html> |
- 의미론적 태그 (semantic element) -예제 |
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1><a href="index.html">HTML</a></h1>
</header>
<nav>
<ol>
<li><a href="1.html">기술소개</a></li>
<li><a href="2.html">기본문법<a/></li>
<li><a href="3.html">하이퍼텍스트와 속성</a></li>
<li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
</nav>
<section>
<article> <h2>선행학습</h2> 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. </article>
<article> <h2>선행학습</h2> 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. </article>
</section>
<footer>
<ul> <li><a href="privacy.html">개인보호정책</a></li>
<li><a href="about.html">회사소개</a></li> </ul>
</footer>
</body>
</html> |
- 검색엔진 최적화 -
구글 검색 엔진 최적화 기본 가이드 - 한글메뉴얼다운
댓글