HTML 작성 팁, 요소, 검증사이트

IvanSelah·2022년 5월 14일
0

MDN 요소 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element
html 검증 https://validator.w3.org/nu/#textarea
HTML작성 시 => 구획나누기, 논리적으로 긴밀하게 관련된 집합체

올바른 Sectioning Elements 사용방법
4가지 : section, article, nav, aside
공통룰 : 반드시 내에 heading 태그를 작성해야 한다.

예시)
<section>
  <h1>제목</h1>
</section>
..
<nav>
  <h1>제목</h1>
  <ul>
  	<li>..</li>
  </ul>
</nav>

언제사용하는가?

스크린 리더기에게 정보를 전달할 때 사용한다.
aira-label=""
aria-hidden="true" // 스크린리더에게 읽지 말고 생략하라고 알려줌(시각적인 요소인경우)

<html lang="en"> // lang="en" 이지만 
...
<body>
  <ol>
    <li>
     <img src="..." alt="내일의 나에게" lang="ko" /> alt="한글" 이므로 lang 다시 표시해줌
   </li>
  </ol>
</body>
</html>
profile
{IvanSelah : ["꿈꾸는", "끊임없이 노력하는", "프론트엔드 개발자"]}

0개의 댓글