LearnFit

 YouTube, HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)

테크주니어님의 학습노트

HTML 태그들, 헷갈리는거 정리해 보았다 🥳 (시맨틱 태그, 중요한 태그들 모음)

#전체

#개발자

#프론트엔드

#HTML

#CSS

#React

#개발자

#코딩

#코딩 독학

#코딩 입문

#웹개발

#웹퍼블리셔

#웹 포트폴리오

#웹사이트 만들기

#프론트엔드 공부

#프론트엔드 튜토리얼

#프론트엔드 개발

#비전공개발자

#웹개발자

#프론트엔드 개발 공부

#코딩 기초

#웹사이트 만드는법

#앱 만드는법

#안드로이드

#프론트엔드 개발자

#HTML 기초

#HTML 강의

#HTML 자료

#웹 개발

#CSS 기초

#CSS 강의

#HTML 태그

#HTML 태그 종류

#html

#html강좌

#html강의

#html태그

#html웹표준

#html5.0

#html인강

#html교육

#html배우기

#html문법

#html기초

#html기본문법

#html편집기

#html이미지삽입

#html링크

#html css

#html파일열기

#html5

#html홈페이지

#html홈페이지만들기

#html5웹표준강의

#html웹표준강좌

#html기초문법

#프론트엔드 공부순서

#웹사이트 만들기 html

#웹사이트 만들기 코딩

00:54시맨틱 태그에서 '시맨틱'의 의미

03:05시맨틱 태그 사용이 가지는 중요성 3가지 : 검색 최적화, 웹 접근성, 코드 유지보수에 용이

04:08div 태그 대신 시맨틱 태그를 사용해서 웹사이트 구조를 짜는 예시

05:48헷갈리는 태그 : <article> VS <section>

07:06헷갈리는 태그 : <i> VS <em>

08:10헷갈리는 태그 : <b> VS <strong>

08:58헷갈리는 태그 : <ol> VS <ul> VS <dl>

10:37헷갈리는 태그 : <img> VS CSS의 background-image

11:26헷갈리는 태그 : <button> VS <a>

12:21헷갈리는 태그 : <table> VS CSS(Flex, Grid)

13:16정리 : HTML 시맨틱 태그 사용에는 정해진 정답이 없기 때문에 내가 나타내고자 하는 컨텐츠를 더 의미 있게 코드로 사용할 수 있는지 고민해보는 게 중요합니다. 다양한 HTML 태그들에 대한 정보는 아래 링크를 참고해주세요. https://developer.mozilla.org/ko/docs/Web/HTML/Element

✔ 학습 완료

취소

작성하기