CSS 속성 "display : none"사용하기

CSS (Cascading Style Sheet)를 사용하면 인터넷 페이지의 모양과 디자인을 구성 할 수 있습니다. 가장 일반적으로 사용되는 속성 및 값 중 하나는 "display : none"입니다.

속성 정의

속성 자체는 다목적이며문서 내의 요소의 타입의 표시 선택한 값에 따라 페이지의 특정 섹션을 블록 단위로, 선형으로, 목록 항목으로, 테이블의 일부로 표시 할 수 있습니다. 따라서 "표시"속성 덕분에 문서의 블록 유형을 변경할 수 있습니다.

번들 "속성 값 표시 : 아무도 "당신이 항목 또는 종이의 블록을 삭제할 수 없습니다. 페이지의 조각에서 같은 장소가 스트림에서 내리는 의미, 예약되지 않은에서. 뒤에서 모든 요소", 단순히 그것을보고 등의 크기와 위치를 무시하지 않았다 "원격 단위. 숨겨진 개체를 반환, 당신은 단순히 원하는 형식으로 속성의 값을 변경 스크립트를 통해 문서를 참조해야합니다.이 자동으로에 새 개체가있는 페이지를 포맷합니다.

"표시"속성과 "가시성"속성의 차이점

결국 두 속성이 모두 숨겨져 있음에도 불구하고엘리먼트를 사용하는 경우, 이들의 동작 원리는 상당히 상이하다. 위에서 언급했듯이 "display : none"매개 변수는 문서에서 요소를 완전히 제거합니다. 블록은 페이지에서 빠져 나와 그 안에 자리를 차지하지 않습니다. 이 경우 객체 자체는 HTML 코드에 남아 있습니다.

차례로 속성 "가시성 : 숨겨진는 "사용자로부터 요소를 숨 깁니다 만, 페이지 즉 블록의 한 자리를 예약되어 있습니다 따라서 문서 모델에서 제거하지 않습니다 수락하고 위치와 크기를 고려합니다 문서 흐름이 재산 ...를 가진 요소"가시성 : 정확히 같은 "숨겨진, 뿐만 아니라 그것없이.

이 두 속성을 사용하여 문서 구조를 구성한이 차이점을 통해 페이지의 올바른 표시에 필요한 결과를 얻을 수 있습니다.

CSS 사용 - 표시 : 없음

인터넷 문서를 사용하면요소 속성을 정의하기위한 몇 가지 옵션. 먼저 display : none은 별도의 캐스 캐이 딩 스타일 시트 파일에 기록 될 수 있습니다. 이 메서드는 모든 선택기, 클래스 및 해당 속성을 별도의 문서로 만들 수 있으므로 가장 진보되고 정확합니다. 이러한 모델을 사용하면 페이지 매개 변수를 신속하게 찾고 변경할 수 있습니다.

문서 제목

두 번째 옵션은에서 스타일을 정의하는 것입니다.스타일 태그 사이의 문서 제목. 이 방법의 효율성은 훨씬 적습니다. 익숙하지 않은 경우에만 사용하는 것이 좋습니다. 스타일 수가 많으면 웹 디자이너의 가독성이 크게 떨어지기 때문입니다. 그리고 이로 인해 오류가 발생하고 인터넷 문서를 개발하는 프로세스가 느려집니다. 이 방법은이 태그에 스타일을 조금 추가하거나 문서를 디버그하는 경우에만 사용하는 것이 좋습니다.

이 방법이별도의 스타일 시트를 가져 오는 것보다 스타일이 문서에있는 경우 겹치는 속성은 html 문서의 본문에있는 스타일로 다시 작성됩니다.

div를 차단하십시오. 표시 : 없음

또 다른 방법은코드 "style = display : none;"의 태그 요소에 직접 입력하십시오. 이 방법은 스타일 시트에서 직접 속성 수를 줄이고 인터넷 문서 자체에 표시하기위한 목적으로 다양한 프레임 워크에서 작업 할 때 자주 사용됩니다. 또한 이러한 항목은 페이지 "코드 검사기"를 볼 때 자주 발생합니다. 이 방법을 사용하면 스타일 시트에 작성된 속성과 값을 변경할 수 있다는 것을 기억해야합니다. 따라서 결국에는 추가 문제를 만들어 페이지 코드에서 오류를 찾아 수정하는 데 시간을 할애 할 수 있으므로주의해야합니다.

자바 스크립트

추가로 언급 할만한 가치가있다.이 속성을 변경할 가능성. 이것은 스타일 시트와 html 코드가 아니라 스크립팅 언어를 가리 킵니다. 따라서 응용 프로그램을 사용하려면이 영역에 최소한 일부 지식이 있어야합니다. 문서 스트림에서 요소를 제거하려면 JavaScript 속성 "display = none"을 사용할 수 있습니다. 특정 이벤트가 발생할 때 문서의 구조를 변경할 수 있습니다. 또한 스크립트 사용으로 인해 동적으로 (즉석에서) 속성 매개 변수를 변경할 수 있으므로 다시로드 할 필요없이 페이지 뷰를 업데이트 할 수 있습니다. 이 방법은 드롭 다운 메뉴, 모달 창 및 양식 구성에 유용합니다.

서재응

검색을위한 웹 콘텐츠 최적화 분야자동차에는 많은 미신과 불명확 한 점이 있습니다. 따라서 SEO에 새로 입문 한 많은 사람들은 '디스플레이'속성을 잘못 사용하는 것을 고려합니다. 그들은 숨겨진 내용을 보는 검색 엔진이 페이지를 스팸으로 간주하기 시작한다는 사실을 설명합니다. 그들의 말에는 약간의 논리가 있지만 더 이상은 없습니다. 현재 개체 숨기기 속성은 드롭 다운 메뉴의 서식을 지정하고 문서에서 사용자가 흥미롭지 않은 부분을 숨기는 데 사용됩니다 (예 : 한 범주를 선택하면 다른 범주에 대한 정보가 제거됨). 이 접근 방식은 꽤 강력한 인터넷 포털 (그 중 하나 인 "Amazon")에서 사용됩니다. 따라서 검색 엔진 로봇은 "display : none"속성을 스팸으로 사용하는 것을 고려할 수 없습니다.

이 접근법을 사용할 때개별 단어와 문자를 숨 깁니다. 검색 로봇이 아직 문서에서 그러한 "스팸"을 인식하는 완벽한 알고리즘을 가지고 있지는 않지만 페이지가이 문서에서 잡힐 확률은 상당히 높습니다. 따라서 블록의 유형을 변경하거나 일시적으로 사용자의 눈에서 숨길 수 있도록 목적에 따라 엄격하게 "디스플레이"속성을 사용하는 것이 좋습니다.