TIL - 01 : HTML, CSS

19 Jan 2022 in Study Log on Today I learned

Semantic Tag MDN

• HTML Semantic tag

  • 효율적으로 HTML을 마크업하기 위한 HTML Tag Element

    • <div> 를 남발하기 보다는 의미있게 마크업 하기 위함

    • 적절하게 사용했을시 검색엔진에 중요한 검색 랭킹 요소

    • 시각 장애인의 화면 판독기 사용시 어떠한 내용인지 정확히 전달

  • 입력한 형태 그대로 보여주는 <pre>

• CSS 속성 사용방법

  • px, vh, vm, em, rem, vmin, vmax 단위의 차이

  • Flex box 적용방법

    • 부모 요소에 display:flex;

    • justify-content, align-item, flex-direction 사용방법

  • Position 의 개념

    • relative 와 absolute 의 위치 이동에 관한 기준점 차이

    • z-index 의 개념

  • 수평, 수직 위치 조절시 width, height 가 충분히 있어야 함