span
-
의미있는 태그 vs. 의미없는 태그이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 19. 04:50
이번시간에는 두 가지 종류의 태그, (1) semantic, 의미있는 태그와 (2) non-semantic, 의미없는 태그에 대해서 알아보도록 하겠습니다. 먼저, 의미있는 태그들의 예를 몇 가지 살펴보겠습니다. 예를 들어, h1 태그는 헤더 1이라는 의미로, 의미 있는 태그입니다. 그럼, 이번에는 section태그를 보면, 섹션, 구획을 의미한다는 것을 알 수 있습니다. section태그말고도, article, 항목태그를 사용할 수도 있고, header, 헤더태그도 이용할 수 있습니다. 반면, div태그는 non-semantic tag, 아무런 의미가 없는 태그입니다. 굳이 뜻을 찾자면, division, 나눈다는 정도의 의미를 갖는다고 할 수 있습니다. 즉, div태그는 header, 헤더, foote..
-
HTML 태그 구조와 Head부분 태그이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 11. 19:56
HTML 태그 구조를 살펴보면, 태그안에 다른 텍스트들이 적혀 있는 것을 확인할 수 있습니다. 아래 그림과 같이, 태그 오른편에 적혀있는 attribute를 테그의 속성, attribute라고 합니다. 이는 각 태그들의 특정 속성들을 지정해 줍니다. 태그의 속성, attribute들을 하나씩 살펴보도록 하겠습니다. 먼저, html태그에 들어가 있는 속성을 살펴 보면, 으로, language, 언어가 english, 영어로 설정되어 있습니다. 반면, 한국사이트 중 하나인 네이버에서 html태그에 들어있는 속성을 살펴보면, 로, language, 언어가 korean, 한국어로 되어 있는 것을 확인할 수 있습니다. 따라서, 브라우저에 따라 사용하는 언어가 알맞게 설정하지 않더라도, 스마트하게 인식해서 나타내기..