- section 태그는 구획을 나눌 때 쓰는데, 그 구획을 나누는 부분이 다른 구획과 연관성을 지니면서 독립성이 낮을 때 쓴다. article 태그 또한 구획을 나눌 때 쓰는데, section에 비해 독립성이 높고, 그 부분만 따로 떼어놔도 충분히 제 기능, 제 역할 혹은 의미를 잃지 않는 부분에 쓴다. 마지막으로 aside 또한 구획을 나눌 때 쓰는데 다른 구획과 연관성이 간접적일 때 쓴다. 예를 들어, 아이슬란드에 대한 글에서 아이슬란드 여행 광고가 들어가는 부분에 쓸 수 있을 것 같다.
- a 태그의 href 속성에 "tel:" , "mailto:" 이런식으로 메일 보내기 및 전화 걸기 기능을 활용할 수 있다. + a href="#id이름" 이렇게 쓰면 특정 id값을 가진 태그로 스크롤이 이동한다.
- section 태그에 이름을(h태그) 지어주는 것이 웹 표준에서 권고사항이다. 그리고 br 태그는 ol 혹은 ul태그에 들어갈 수 없다(error)
- 시맨틱 태그를 쓰는 이유와 무엇이 제대로 시맨틱 태그를 썼다는 기준인지에 대해서 인강을 통해 머리속으로 정리하는 계기가 됐다. 솔직히 div, span으로 완전 똑같은 UI를 구성할 수 있기에 왜 써야하나 했지만 이제는 써야하는 이유가 명확해졌다. 그리고 이걸 쓰는 것에 개발자로서 자부심을 느끼려고 한다!
- React에서 시맨틱 태그 쓸 때 컴포넌트 간에 안겹치게 하는 나만의 정리법은 page를 div 단위로 묶어서, 해당 div에 클래스명을 주고 그 클래스명의 자식 노드를 셀렉팅 하는 방식으로 시맨틱 태그를 컴포넌트끼리 안겹치게 하면 된다.
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자