웹 UI 개발 코칭스터디 1기/미니 프로젝트
개념강의 | 1. HTML 이해하기 - 4) HTML 문법 - 태그 - 1
HTML은 태그들의 집합이며, 태그는 HTML에서 가장 중요하고 기본이 되는 규칙입니다.
대부분 태그들은 시작태그와 종료태그로 이루어져 있지만, 종료태그가 없는 단일 태그(빈 태그)도 존재합니다.
단일 태그들에는 어떤 태그들이 있는지 아래의 답안을 채워보세요.
1. Break의 약자로, 줄을 바꿀 수 있는 태그입니다. : <br>
2. Horizontal Rule의 약자로, 수평선을 그릴 수 있는 태그입니다. : <hr>
3. image의 약자로, 이미지를 담을 수 있는 태그입니다. : <img>
4. 일반적으로 <head> 태그 안에서 쓰이며, meta data를 정의하며 문서 그 자체를 설명하는 태그입니다. : <meta>
5. 일반적으로 <head> 태그 안에서 쓰이며, 외부에 있는 문서를 연결해주는 태그입니다. : <link>
6. 일반적으로 <form> 태그 안에서 쓰이며, type이라는 속성을 이용해 입력 양식을 여러가지로 변경하여 사용하는 태그입니다. : <input>
1번) 정답
대부분 태그들은 시작태그와 종료태그로 이루어져 있지만, 종료태그가 없는 단일 태그들도 존재합니다.
단일 태그들에는 대표적으로 <br>, <hr>, <img>, <meta>, <link>, <input> 등의 태그가 있습니다.
의미론적인 웹(Sematic Web)에 대한 이해가 있다면 단일 태그들이 왜 존재하는지에 대해 생각해 볼 수 있습니다.
의미론적인 웹에서는 태그 각각에 의미를 부여하고 있습니다. 예를 들어, <br>태그의 경우 'break'의 약자로 줄을 바꾼다는 의미를 갖고 있으며, <hr>태그의 경우 'horizontal rule'의 약자로 수평선을 그린다는 의미를 갖고 있습니다. 즉, 태그의 의미적으로 시작태그와 종료태그 사이에 특별한 텍스트를 넣을 이유가 없는 태그들이라는 공통점을 생각해볼 수 있습니다.
아래는 태그들에 대한 상세한 설명을 볼 수 있는 MDN 사이트입니다. 문서를 참고해 태그 사용 방법, 브라우저 호환성, 접근성 고려사항 등 웹 UI개발에 대한 다양한 내용을 학습할 수 있습니다.
[참고 url: https://developer.mozilla.org/ko/docs/Web/HTML/Element]
'⌨️ > HTML, CSS' 카테고리의 다른 글
| [CSS] 속성 - border (0) | 2021.01.13 |
|---|---|
| [CSS] 문서 구조 선택자 (0) | 2021.01.13 |
| [HTML] 시멘틱 요소 (0) | 2021.01.13 |
| [HTML] 폼 form 요소 (0) | 2021.01.13 |
| [HTML] 테이블 table 요소 (0) | 2021.01.13 |