![]()
웹 개발을 하실 때 HTML에서 뛰어쓰기를 위해서 를 사용하시는 분을 종종 보게 되는데요. 이렇게 무분별하게 를 사용하면 큰 낭패를 볼 수 있다는 사실을 알고 계시나요? 이번 포스팅에서는 사실 공백 문자랑은 완전히 용도가 다른 에 대해서 한번 알아보도록 하겠습니다. 줄바꿈을 일으키는 공백 일반적으로 웹에서는 텍스트가 너무 길어서 요소 내에 주어진 가로 폭을 넘어갈 때는 자동으로 줄바꿈이 일어나는데요. 예를 들어 너비가 250px인 요소 안에 긴 문장을 넣으면 다음과 같이 알아서 적당한 위치에서 줄바꿈이 일어나는 것을 볼 수 있습니다. 웹페이지에서 줄바꿈이 발생한 지점을 자세히 살펴보시면 HTML 코드에서 띄어쓰기가 어디서 되고 있는지가 상당히 중요하는 것을 알 수 있는데요. 기본적으로 스페이스(space..
![]()
개요 유튜버 노마드코너님의 유튜브를 보다가 발견한 [개발자 99%가 모르는 신박한 HTML 태그 5개!] 라는 영상을 보고 유용한 정보를 기록 및 공유할 겸 기록한 포스팅 입니다. 😊 CSS를 적게 작성하는데 도움을 주는 태그 progress 태그 : 현재 진행상태를 알려주기 좋은 태그 입력 다운로드 진행중 :50% 진행중 다운로드 진행중 : 20%진행중 결과 이렇게 생긴 태그인데 로딩바를 대신 할 수 있는데다가 딱 한 줄의 태그로 대신할 수 있어 너무 간편하게 사용할 수 있을 것 같습니다:) 그리고 태그는 모든 브라우저에서 지원이 됩니다.(IE10이상) 😍 JS로의 기능을 수행 할 수 있는 태그 1. detail, summary 태그 : 유저의 클릭으로 정보를 보여주고, 숨기는 패턴 클릭 전 보여질 내..
