텍스트에 밑줄 긋기
html 태그로는 <u>를 사용할 수 있지만, 모질라의 MDN Plus 가이드에 따르면 HTML4에서 사용을 중단했다가 의미가 바뀌어 다시 돌아온 태그이기 때문에 단순 밑줄을 목적으로 이 태그를 사용해서는 안된다고 한다[1]. 대신 css의 text-decoration 속성을 사용한다. 나는 단순 밑줄만 필요해서 간단하게 text-decoration: underline;만 쓰고 말았지만 내가 참고한 블로그[2]에서는 다양한 밑줄을 표시하는 방법을 알려주고 있다. 자세한 건 참고 자료들을 보자. 이번에도 잘 배웠다!
참고 자료
[1] MDN Web Docs HTML 요소 참고서 - <u> https://developer.mozilla.org/ko/docs/Web/HTML/Element/u
[2] [HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration https://hianna.tistory.com/679
[3] [Html] Font 속성/스타일 (굵기,기울기,밑줄,취소선)등등 https://coding-factory.tistory.com/177
[4] a 태그 텍스트 밑줄 없애기 (text-decoration 사용법) https://rgy0409.tistory.com/4790
[5] CSS 네이밍 규칙 https://uipac.com/451
[6] 네이밍 컨벤션 BEM https://tech.elysia.land/네이밍-컨벤션-bem-b291ba7bff01