<--주석 처리 단축키는 Ctrl+Shift+/-->
main 태그는 explorer에서 적용되지 않아 role="main" 기능을 추가로 입력해줘야된다.
(다만, 윈11이 상용화 되면 explorer가 없어져 신경 쓰지 않아도 될 것 같다.)
article, selection 태그는 영역을 나타내는 title 정보가 있어야 하므로 h 태그와 함께 사용해야한다.
<img src="https://via.placeholder.com/100x50">
이미지 작업을 할 칸을 비워놨을 경우, 우선 위의 링크와 크기 지정을 해두면 아래와 같이 공백 이미지가 생성된다.
예시가 된 사이트는
kakaotalk 어플리케이션
https://naver.com
https://news.naver.com
https://startbootstrap.com/theme/agency
https://sisikiller.dothome.co.kr/
https://www.helbak.com/
https://www.daum.net <--은 대략적으로, 설계의 틀만 세웠다.
사이트 설계를 할 땐, 설계된 사이트의 좌->우 순서대로 작성한다.
<div>
<h3>인천 서구 아파트 시장에 무슨 일이</h3>
<div>
<!--왼쪽-->
<div>
<span>헤럴드 경제</span>
<span>입력 2021.05.03</span>
<span>수정 2021.05.03</span>
<!--오른쪽-->
<a href="#"><span>가</span></a>
<a href="#"><span>나</span></a>
<a href="#"><span>다</span></a>
</div>
</div>
</div>
html 코드는 아직 2일차인 나에게 생소한 코드다. 빠르게 코드를 짜거나 태그의 역할이 아직 헷갈리는 상태. 왜 줄바뀜이 자동으로 되는지와 같은 기본 문법이 다른 코드방식과 헷갈린다.
아직은 간단한 태그만 다뤄서 그런지 생소한 코드지만 큰 어려움은 느껴지지 않는다. 동시에 어렵지 않은 코드지만 이 상황에 적절한 태그가 무엇인지는 아직 감이 오지 않는데, 이는 많은 경험으로 극복해야 할 것 같다.
오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.