figure / figcaption : 독립적인 콘텐츠를 표현 / 콘텐츠와 설명 등 : figure 요소에 대한 설명 test 이미지에 대한 캡션 티스토리 블로그에서도 이미지 아래 설명하는 부분에도 사용되고 있는 것을 개발자 도구를 통해 알 수 있었습니다! mark : 강조 하고 싶은 영역에 태그를 감싸 강조 효과를 줄 수 있음. (형광펜 효과랄까요?) 강조하고 싶은 부분에 강조 할 수 있음 아래와 같이 노란 색으로 효과가 적용 되었습니다. 기본 스타일은 노란 색이네요! background-color로 강조 배경색을 바꾸고, color로 폰트 색상을 바꿀 수 있습니다. abbr text에 약어를 추가 할 수 있다. title 속성에 설명을 넣어주면 됩니다. 커서를 JMTGR 올리면 설명 캡션이 생겨요! ..

쪼리는 HTML 공부중 쪼리는 HTML 공부중 위 예시에서는 아무 일이 일어나지 않지만 아래 예시에서는 HTML 위에 마우스를 올리면 title 속성의 값이 보여진다. HTML 삽입 미리보기할 수 없는 소스 이런 식으로 약어를 사용할 때 문서의 의미를 명확하게 전달 할 수도 있고, 태그를 적절히 활용하면 검색엔진이 해당 키워드의 중요성을 인식하고, 구조와 콘텐츠의 의미를 더 잘 이해할 수 있게 할 수 있습니다.