WEB/HTML 2

[HTML] section VS article 시맨틱태그 차이

🔖 section VS article 시맨틱 태그 비교 section과 article은 쓸때마다 헷갈려서 제대로 짚고 넘어가자고 다짐했다. article 내용이 독립적이고 따로 떼어져도 흐름이 깨지지 않는 내용일때 사용 블로그 글을 개별로 각각 나눌때 article을 사용하기도 한다. section 각 section의 내용이 연관성(논리적으로 관계있는 문서) 있을때 사용 article 안에 section을 넣기도 하고 section안에 article을 넣기도 한다. 그러나 설명을 보다시피 저 맥락대로라면 article 안에 section이 있는 것이 자연스럽다. 어떻게 구성하든 본인 자유이지만 나는 맥락상 article > section이 맞다고 생각한다. article > section 민초 민초단 반..

WEB/HTML 2021.10.28

[HTML] a태그로 이메일 및 전화 링크 걸기 | mailto, tel

HTML을 통해 클릭시 바로 이메일로 연결이 되고 모바일일 경우 클릭 한번으로 바로 전화를 걸게 해줄 수 있다. 우선 a태그로 링크를 거는 방법중 세 가지의 방법을 간략하게 살펴보자. 사이트 or 페이지 이동 기본적으로 사이트 주소나 내가 만든 파일중에 다른 페이지의 파일로 이동할 수 있다. 가장 많이 사용하는 방식이다. 상대 경로, 절대 경로 가능 naver The Other Page 이메일 링크 걸기 : mailto mailtof:{이메일}을 href에 넣어주면 이메일을 작성할 수 있도록 링크가 생성되어 클릭하면 이동이 가능하다. send email mailto란? 이메일 클라이언트로의 복사 및 입력 과정 없이 사용자들이 특정한 주소로 전자 우편을 보낼 수 있도록 웹사이트의 하이퍼링크를 만들기 위해 ..

WEB/HTML 2021.10.27
728x90