CSS를 사용하여 HTML에서 div를 숨기는 방법

우리는 웹페이지를 만드는 과정에서 웹사이트에 제3자 통계에 의해 표시되는 아이콘을 추가하는 등 일부 콘텐츠를 숨기고 싶은 경우가 많다는 것을 알고 있습니다. CSS를 통해 이를 숨기는 방법, 사진을 다음과 같은 역할로 만드는 방법 배경은 있는데 텍스트가 표시되지 않나요? 이 기사에서는 이에 대해 설명할 것입니다.

1. 일반 숨겨진 웹 콘텐츠

CSS 스타일 단어: display:none
통계 코드 섹션을 숨기고 싶지만 통계 코드 아이콘을 표시하고 싶지 않고 통계 기능에 영향을 주지 않으려면 이 CSS 스타일을 사용할 수 있습니다. display:none이라는 단어(이 단어는 객체 및 객체 콘텐츠를 표시하지 않음을 의미함).

CSS 코드:
.tongji{display:none}

HTML 조각:

hidden content

설명: 이 DIV CSS는 숨겨져 있으며 DIV 개체를 숨깁니다. 및 개체 콘텐츠가 있지만 기능에는 영향을 미치지 않습니다. search엔진의 경우 태그 내에서 이 스타일을 사용하든, 이 경우 CSS와 HTML을 분리하든, searchindex엔진은 숨겨진 콘텐츠를 읽고 색인을 생성하지 않습니다. 키워드를 숨기는 친구를 위해 이 CSS 숨기기 방법을 사용하지 마세요. 키워드 또는 앵커 텍스트 링크가 없으면 헛된 노력이 될 것입니다.

둘째, 그림을 배경으로 사용하고 A하이퍼링크 앵커 텍스트에 영향을 주지 않고 그림의 텍스트를 숨깁니다.

우리는 일반적으로 그림을 개체의 배경으로 사용하고 싶고 콘텐츠가 최적화되어 있다는 것을 접하게 됩니다. 텍스트 + 하이퍼링크를 사용하는 동시에 텍스트를 숨기고 하이퍼링크를 그대로 유지하고 싶습니다. 이런 방식으로 웹페이지를 최적화할 수 있으며 이는 아름다움에 영향을 주지 않을 뿐만 아니라 검색 엔진 최적화 효과도 얻을 수 있습니다.

사용된 주요 CSS 스타일: text-indent:-9999px

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트기타관련 기사를 주목하세요!

관련 읽기:

회사의 빅 데이터 화면을 만드는 방법

Jest를 사용하여 JavaScript 애플리케이션을 테스트하는 방법

모바일 비디오 재생 문제 사례 요약

위 내용은 CSS를 사용하여 HTML에서 div를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!