728x90
태그
- 문서의 구조가 태그 < >를 통하여 이뤄져 있음
- 태그는 기본적으로 <태그>로 시작해서 </태그>로 끝남
- 특정 위치에 명령어만 전달하고자 할 경우, <태그>로 끝나는 경우가 있음
Ex) <br>, <img>, <hr>, <input>, <link>
정의
<tag 속성1="값1" 속성2="값2">내용</tag>
<html>
<head></head>
<body>
<!-- p는 태그, title은 속성, test1는 속성값, test2는 내용 -->
<p title="test1">test2</p>
</body>
</html>
head
<head> 태그는 문서의 전반적인 정보를 제공
Ex) title, meta 등
<head>
<!-- 문서 제목. 탭 이름 -->
<title>웹 프로그래밍</title>
<!-- name: 키워드 기반으로 검색을 허용. content: 띄어쓰기 기준으로 키워드 구분 -->
<meta name="keyword" content="hanyang web class">
<!-- 메타 데이터로 저자 정보를 남김 -->
<meta name="author" content="Seyeong Kim">
<!-- 10초 뒤에 구글로 이동(ex. 쿠팡: 외부에서 웹으로 접속 후 앱으로 연결) -->
<meta http-equiv="refresh" content="10;http://www.google.com">
<!-- 유니코드 사용(범용적). 접속한 국가에 따라 언어 자동 번역 -->
<meta charset="utf-8">
</head>
- name: 무엇에 대한 정보인가? (항목 이름)
- content: 그 정보의 구체적인 내용은 무엇인가? (항목 내용)
Ex) <meta name="keyword" content="hanyang web class">
keyword에 대한 정보이며, 그 키워드는 hanyang web class임
728x90
반응형
'Development > Web(HTML, CSS, JS)' 카테고리의 다른 글
| js로 visibility를 collapse에서 visible로 바꿀 때, 처음 클릭에서는 동작하지 않는 문제 (0) | 2026.04.18 |
|---|---|
| body 전역 속성, 본문 내부 태그 (2) | 2026.04.17 |
