웹 페이지를 디자인하기 위해 XHTML CSS와 처음 접촉했을 때 태그 사용 경험이 없었으며 매우 캐주얼했습니다. 나는 종종 내가 기억했던 것을 사용하고 효과가 달성 될 수 있다고 생각했습니다. 그러나 검색 엔진 최적화 지식에 대한 학습과 이해가 심화되면서 태그의 사용은 실제로 과학입니다. 우리는 Wulin.com-Vevb.com의 CSS 튜토리얼 기사에서 의미론을 강조하고 있습니다. 그러면 HTML 태그를 어떻게 사용해야합니까? 일반적인 사용 위치는 어디에 있습니까?
웹 페이지를 디자인하기 위해 XHTML CSS와 처음 접촉했을 때 태그 사용 경험이 없었으며 매우 캐주얼했습니다. 나는 종종 내가 기억했던 것을 사용하고 효과가 달성 될 수 있다고 생각했습니다. 그러나 검색 엔진 최적화 지식에 대한 학습과 이해가 심화되면서 태그의 사용은 실제로 과학입니다.
여기서는 CSS에서 각 태그의 해당 속성과 사용법을 소개하지 않으며 웹 페이지의 응용 프로그램에 중점을 둡니다. 나는 그것이 모두에게 도움이되기를 바랍니다.
1. Div
Div는 XHTML 웹 사이트를 구축하는 친구들에게 익숙해야합니다. 많은 웹 사이트 및 자료를 Div CSS 웹 사이트 구성이라고도하는 웹 표준 웹 사이트 구성이라고도합니다. W3C는 웹 페이지 레이아웃에 테이블 태그를 적용하는 것이 좋지 않기 때문에 이런 식으로 호출하는 것은 불합리하지 않습니다. 레이아웃 태그로서 Div는 자연스럽게 레이아웃의 책임을 가정합니다.
Div는 또한 큰 용기라고 할 수 있습니다. 웹 페이지의 전체 구조 및 레이아웃 외에도 웹 페이지에서 비교적 독립적 인 영역을 나누는 것이 좋습니다. 신문과 마찬가지로 DIV의 기능은 다른 내용의 큰 용기를 나누는 것입니다. 다른 영역에서, 해당 적절한 태그는 특정 상황에 따라 선택됩니다.
2. H 태그
H 태그는 단락에서 일반적으로 사용되는 제목 태그이며 표현하기 단락의 의미를 나타냅니다. 디스플레이 수준과 표현해야 할 의미에 따라 H1 ~ H6으로 나눌 수 있습니다.
H1은 가장 중요하며 종종 전체 웹 사이트의 역할과 성격에 대한 설명을 표현하거나 웹 사이트가 지향적이라는 청중을 나타내는 데 사용됩니다. 다른 태그는 특정 영역의 이름 또는 다른 레벨에 따라 소개 텍스트의 특정 단락에 대한 대략적인 설명을 표시하는 데 사용됩니다.
웹 사이트 또는 텍스트의 특정 단락에 대한 일반적인 설명을 나타 내기 때문에 H 태그는 검색 엔진에 비해 값이 높습니다. 그러나 이것이 마음대로 사용될 수 있다는 의미는 아닙니다. 예를 들어, 특정 키워드의 순위를 의도적으로 추구하기 위해 일부 웹 사이트는 H 태그를 사용하여 텍스트 단락에 키워드를 표시합니다. 또는 웹 페이지를 레이아웃하기 위해 h 태그를 컨테이너로 사용하기 만하면됩니다. 이것은 H 태그의 역할을 완전히 난독 화하고 권장되지 않습니다.
III. 피
P는 텍스트 세트의 다른 단락을 구별하는 데 사용되는 단락 레이블입니다. 검색 엔진의 경우 첫 번째 P 태그의 텍스트는 크롤링 순서에 따라 높은 값입니다. 예를 들어, Baidu는 메타 태그 설명에서 텍스트를 무시하고 첫 번째 P 태그 (절대가 아님)에서 내용을 잡습니다.
검색 엔진이 더 많은 컨텐츠를 크롤링하고 사용자에게 탐색 경험을 제공 할 수 있도록 일부 웹 사이트는 분할 할 때 <br/> 태그를 사용합니다. 이것은 사실이 아닙니다. 때로는 예상 결과가 전혀 달성되지 않습니다. 엄격한 유형 (엄격한)이있는 문서의 경우 태그가 표현되어 사용되지 않습니다.
대부분의 웹 사이트에서는 전환 문서 유형을 사용하지만 텍스트 세그먼트에서 사용하지는 않습니다.
IV. ul과 Li 태그
이 목록은 정렬되지 않은 목록이며, UL 태그는 목록의 선언이며 Li는 목록 항목입니다. 프로젝트의 상대적 독립성으로 인해 탐색, 뉴스 또는 기사 목록과 같은 장소에서 종종 사용됩니다. UL은 다른 목록을 구별하기 위해 컨테이너로도 사용할 수 있습니다.
일부 웹 사이트는 웹 표준을 추구하고 테이블을 UL 및 LI로 표현하여 웹 페이지를 읽고 유지하기가 어렵게 만듭니다. 잘못된 이해는 웹 표준에 의해 우리에게 전달 된 개념과 정확히 상반됩니다.
5. 테이블
여기에 테이블 사용을 소개하겠습니다. 웹 표준이 향후 테이블을 사용할 수 없다는 것을 의미하지는 않지만 레이아웃에 테이블을 사용하는 것이 권장되지 않으며 데이터를 표시 할 때만 사용됩니다. 따라서 웹 호환 웹 페이지와 테이블 태그를 사용하는 것은 모순되지 않습니다.
6. 검색 엔진의 레이블
(1) 제목 : 웹 페이지의 제목, 웹 사이트 설명. 하위 태그는 검색 엔진에 매우 유용하며 대상 키워드가 종종 포함됩니다.
(2) 메타의 키워드 : 웹 페이지의 주요 키워드. 처음에는 검색 엔진이 웹 사이트를 분류 할 수 있도록 촉진 할 준비가되었지만 나중에 많은 웹 사이트가 자주이 태그를 사용하여 키워드 순위를 높이기 위해 속임수를 사용하여 이제는 검색 엔진에 대한 의미가 거의 없습니다.
(3) 메타 설명 : 웹 페이지 설명. 키워드와 마찬가지로 원래 검색 엔진 분류를 용이하게하기위한 것입니다. 또한 많은 웹 사이트 가이 태그를 사용하여 속임수를 사용하기 때문에 검색 엔진에 더 이상 중요하지 않습니다. 현재 Google만이 주류 검색 엔진에서 콘텐츠를 크롤링하고 있지만 컨텐츠에 따라 키워드를 결정하는 것은 거의 불가능합니다.
실제로 검색 엔진의 경우 가장 중요한 것은 콘텐츠의 품질입니다. 마찬가지로, 우리는 방문자에게 자신을 홍보하기 위해 웹 사이트를 구축합니다. 일시적인 속도 때문에 순간의 근본을 잊지 마십시오. 결국, 사용자는 웹 사이트의 순위가 아니라 정보가 필요한지 여부에 대해 우려합니다.
초보자에게 자주 사용되는 위에서 언급 한 태그는 사용 위치를 혼동 할 가능성이 높습니다. VEVB.com의 업데이트 된 CSS 튜토리얼 기사를 따르십시오. 미래에 새로운 문제가 발생하면 최근에도 계속 확대 될 것입니다.