코딩팩토리
블로그 소개
브런치
네이버 블로그
방명록
분류 전체보기
(1060)
Languague
(247)
C , C++ , C#
(87)
Java
(108)
Python
(47)
Assembly
(3)
Web
(235)
Web Programming
(33)
HTML, CSS
(78)
JavaScript
(55)
Ajax
(4)
Jsp
(8)
Node.js
(2)
Mobile
(31)
Android
(26)
DB
(133)
Database Knowledge
(27)
Oracle
(75)
MSSQL
(29)
OS
(115)
Linux
(38)
Windows
(62)
ETC.
(42)
Spring
(9)
Unity
(2)
Algorithm
(38)
Design Pattern
(6)
IDE
(27)
Git
(9)
TextEditor
(5)
HardWare
(9)
바이브코딩
(3)
일상
(122)
자유여행
(6)
블로그
(33)
제품리뷰
(51)
2023/07/09(
1
)
Web/HTML, CSS
2023.07.09
[CSS] display : none에 대하여 (visibility : hidden)과의 차이
※ "display: none"은 요소를 화면에서 숨기고 레이아웃에 공간을 차지하지 않게 만드는 데 사용됩니다. 화면에서 특정 요소를 감추고 싶다면 어떻게 해야 할까요? 이럴 때는 주로 CSS의 display속성을 none로 바꿔주면서 요소를 화면에서 감추게 됩니다. "display:none"을 적용한 요소는 브라우저에서 렌더링 되지 않으며, 화면에도 표시되지도 공간을 차지하지도 않습니다. 접근성, 동적 상태 관리, 성능 개선, 애니메이션 등 다양한 목적으로 사용될 수 있으나, 남용에 주의해야 하며, 접근성과 검색 엔진 최적화를 고려해야 합니다. display : none를 사용하는 이유 웹 접근성: 일부 웹 요소는 시각적으로는 표시되지 않지만 스크린 리더와 같은 보조 기술을 사용하는 사용자에게는 필요할..
1
티스토리툴바
