오늘의 학습내용!
html: 마크업 언어 웹사이트에 어떤 컨텐츠 있는지 알려줌
metadata content: 구글 검색시 나타나는 내용, 부가정보
meta utf: 어떻게 사이트를 그려낼지 명시
lang: 검색시 도움 주 언어가 무엇인지 검색엔진에게 알려줌
사용하지만 의미가 없는 태그
:div,span -> non-sepantic tag
태그자체의 의미를 담고 있는 것
header -> div를 대체할 수 있다. 헤더를 보기만 해도 이게 어떤 의미인지 짐작 가능하다
main, footer(꼬릿말) ->> 이것을 semantic tag
attribute값에는 항상 큰 따옴표를 사용해줘야함
과거에 시맨틱 태그가 없었을 때는 div에 id값을 주는 식으로
태그를 많이 작성했지만, 버전이 업데이트 되고 더 좋은 태그인
semantic tag가 등장했다. 이는 div나 span같이 태그자체에 의미가 없는 태그가 아니라, header footer 등 태그를 보기만 해도 이부분이 웹문서의 어느 부분인지 정확히 알 수 있는 장점이있다. 그러니 웬만하면 시맨틱 태그를 용도에 맞게 잘 사용하면 코드를 보기좋게 작성할 수 있다.
적용해보고싶은 tag
input 속성은 흥미로운 것이 많았다! 깃허브에 커밋해둠
링크: ---- (커밋이 뭔가 잘못된거같아서 내일 다시 수정!)
FE개발 공부중