Head, Semantic Tags
Head
includes important metadata about the document
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>My test page</title>
</head>
<body>
<p>This is my page</p>
</body>
</html>
title
- 웹 페이지의 제목
- 이 태그는 검색 엔진 최적화(SEO)에 중요한 역할
meta
utf-8 can display human language(Eng, Korean, Japanese…)
content 이 사이트 구글에서 찾았을 때 밑에 설명 나오는 부분
script
- javascript in this tag
style
- CSS stylesheet
Semantic Tags
although it is possible to write an HTML document with just div or span, too frequent use of these containers would make it more difficult for the code to be scalable.
Thus, we use semantic Tags to solve this problem.
Examples of Sematic Tags
- header
- nav
- main
- article
- aside
- section
- footer
The use of Sematic Tags are also useful for Search Engine Optimization(SEO)
With improving SEO, you can increase the visibility of your website in search engines!
SUMMARY
Semantic Tags are useful for two main reasons\
- structuralize your HTML document
- SEO
This post is licensed under CC BY 4.0 by the author.