전문지식 없이 누구나 쉽게 시작할 수 있고, 평범하지만 필요한 정보들을 손쉽고 압축적으로 공유할수 있죠.
제 블로그는 이러한 본래 블로그의 목적에 맞게 양질의 정보를 공유하는데 목적이 있습니다 :)
# 글, 사진 및 이미지 위용준#
#일부 이미지는 퍼왔음을 밝힙니다.#◀
오늘은 기본적인 태그에 관한 자세한 내용부터 언급해 나가기로 하자.
HTML Headings
헤딩 태그는 HTML문서에서 중요도를 나타낸다.
이전에도 언급 했지만 올바른 헤딩 태그를 사용하는 것은 본문을 보기 좋게 할 뿐 아니라 사이트 검색 로봇의 평가에도 긍정적인 점수를 준다.
<h> 태그는 물론 CSS를 통해 그 형태를 바꿀 수 있지만 일반적인 Html 문서 상 가장 중요하고 큰 <h1> 태그로 시작하여 ~<h6>까지 있다.
1 2 3 4 5 6 | <h1> 헤딩 태그1 </h1> <h2> 헤딩 태그2 </h2> <h3> 헤딩 태그3 </h3> <h4> 헤딩 태그4 </h4> <h5> 헤딩 태그5 </h5> <h6> 헤딩 태그6 </h6> |
보통 헤딩 태그를 사용하면 일반적으로 여백을 제공하며 굵고 진하게 표기 된다.
대부분의 검색 엔진 (다음,네이버,구글)등은 이 헤딩 태그안의 표제를 중심으로 중요도를 파악한다.
또한 그 내용과 구조를 <h>태그로 인식하기 때문에 <h> 태그를 적절하게 사용하는 습관을 들이는게 좋다.
<hr> 태그
다음은 <hr>태그는 내용을 분리하거나 구분을 정의 할때 사용된다. 밑에 있는 이 선이 <hr>태그 이다.
올바른 <hr>태그는 좋은 사이트의 직관성을 높여 준다.
<head> 태그
위의 <h> 태그 즉 Headings와는 아무련 연관이 없는 태그다. 햇갈리지 말자.
<head> element는 보통 그 html 문서의 정보를 표시하는데 사용된다.
이 태그는 <html>태그와 <body>태그 사이에 존재한다.
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <head> <title>My First HTML</title> <meta charset="UTF-8"> </head> <body> |
<head>의 element, 즉 요소들을 살펴보면 <title>태그와 <meta> 태그가 존재한다.
<title>의 요소는 웹 브라우져의 제목 표시줄에 나타난다.
위의 태그대로 작성을 하면 브라우저 상단부분에 타이틀이 표기 된다.
<meta>의 요소는 특이하게 종료태그 (</ >)가 존재하지 않는다.
이 element 는 html 문서의 데이터에 대해 작성 된다. 물론 브라우져에 표기되지 않는다.
<meta> 태그에는 일반적으로 문서의 문자 집합, 스타일, 링크, 스크립트, 그리고 기타 메타 정보가 들어간다.
보통 검색엔진이 메타 데이터에 정의된 키워드와 일치되는 단어를 검색하여 목록에 보여주기 때문에 검색 반영에 영향을 준다.
<head> 태그 사이에 들어가는 중복 element들은 다음과 같다.
<head>태그에 들어가는 요소
<meta> |
웹 페이지의 추가 정보를 입력 |
<title> |
웹 페이지의 제목(이름) |
<script> |
웹 페이지에 스크립트 추가 |
<link> |
웹 페이지에 다른 파일을 연동 |
<style> |
웹 페이지에 스타일시트를 추가 (주로 CSS 코딩에 사용함) |
<base> |
웹 페이지의 기본 경로를 지정 |
오늘도 화이팅
'여러가지 정보 > HTML CSS 와 블로그' 카테고리의 다른 글
| HTML CSS 기초부터 배우기 7 (홈페이지 제작, 블로그 꾸미기) (0) | 2017.07.17 |
|---|---|
| HTML CSS 기초부터 배우기 5 (홈페이지 제작, 블로그 꾸미기 ) (0) | 2017.04.17 |
| HTML CSS 기초부터 배우기 4 (홈페이지 제작, 블로그 꾸미기 ) (0) | 2017.03.31 |
| HTML CSS 기초부터 배우기 3 (홈페이지 제작, 블로그 꾸미기 ) (0) | 2017.03.28 |
| HTML CSS 기초부터 배우기 2 (홈페이지 제작, 블로그 꾸미기 ) (1) | 2017.03.23 |
