본문 바로가기

HTML8

[Trouble Shootings #12] HTML - <figure> 태그는 언제 써야 할까요. 오늘 회사에서 옆 자리 동료가 이미지 관련 태그를 감싸는 태그로 태그를 사용한 것을 보았습니다. 저는 이때까지 그냥 태그로 태그를 감쌌는데 오랜만에 기억 속에서 잊혀졌던 태그를 봤습니다. 저는 태그는 그 안에 태그와 태그를 넣었던 걸로 알고 있었습니다. img에 대한 설명으로 figcaption 태그를 추가하는 것입니다. 근데 단순한 아이콘이나 작은 이미지에도 모두 figure 태그로 감싸도 되는 것일까 하는 의문이 들었습니다. 조금 구글링 해보니 figure 태그가 semantic tag 로써 활용된다는 것입니다. 그래서 저는 계속 궁금증과 의문을 가지면서 구글링을 더 많이 했습니다. 최종적으로 figure 태그는 메인 기능과는 독립적으로 옵션적인 기능으로써 활용된다고 합니다. 다시 말해서 문서의 흐름.. 2022. 10. 5.
[Trouble Shootings #6] HTML - form 태그의 submit 을 위한 태그 HTML의 form 태그의 submit을 위한 적절한 태그가 무엇이 있을까요. 3가지 정도의 태그와 타입 속성을 지정할 수 있습니다. 1. input type="submit" 2. input type="button" 3. button type="submit" 우선 첫 번째 input type="submit"은 form 태그 내부에 작성하면 submit 이벤트로 연결이 됩니다. 그리고 3번의 button type="submit" 도 마찬가지입니다. 하지만 2번의 케이스는 submit 이벤트가 연동이 되지 않습니다. 그렇다면 1번과 3번 중 어떤 것을 쓰는 것이 괜찮을까요. 사실 여러 사람들의 코드를 보다 보면 둘 다 많이 쓰기는 합니다. 하지만 개인적으로는 button type="submit"이 더 나은 .. 2022. 9. 22.
[World Article #1] 당신은 사용해 본적이 없는 HTML 속성들 - Louis Lazaris 1. enterkeyhint 속성 mobile device 가상 키보드 enter key 부분에 표시되는 색상/텍스트 변경 enter, done, go, next, previous, search, send 2022. 4. 23.
[웹 개발 기초 HTML] 5장 - HTML 시맨틱 요소 (마지막) 5.1 - 콘텐츠를 섹션으로 구분 - 문서의 섹션 구분을 위해 사용됨 - 콘텐츠를 섹션별로 구분해서 관리 가능 5.2 - 포럼, 블로그, 기사 같은 콘텐츠 포함 5.3 - 웹 페이지의 상단 영역 - 사이트명, 로고, 메뉴 네비게이션, 소셜 링크 등 배치 5.4 - 웹 페이지의 하단 영역 - copyright, 연락처 정보 등 배치 5.5 - 메뉴 네비게이션 링크 5.6 - 사이드바 역할 - 웹 페이지에서 왼쪽 혹은 오른쪽에 배치되는 사이드바 영역 - 사이드바 영역에서는 검색, 배너광고, 카테고리 등 배치해서 사용함 5.7 , - : 사진, 다이어그램, 차트 같은 콘텐츠 배치 - : 에 대한 설명 [Reference] Source Code - HTML ch 05 개발자의 품격 (유튜브) - HTML 2022. 2. 12.
반응형