웹 페이지를 디자인하기 위해 처음 XHTML+CSS를 접했을 때 많은 친구들은 태그 사용 경험이 거의 없었고 효과를 얻을 수만 있다면 마음에 드는 것은 무엇이든 사용하는 경우가 많았습니다. 충분할 것입니다. 그러나 검색 엔진 최적화 지식에 대한 연구와 이해가 깊어지면서 XHTML 태그를 사용하는 것이 실제로 지식이라는 것을 알게 되었습니다.
다음은 초보자가 일반적으로 사용하고 사용법이 혼동되기 쉬운 일부 XHTML 태그의 올바른 사용을 소개합니다. Taoba 웹 사이트를 팔로우하고 토론을 환영합니다. 여기서는 CSS의 각 태그에 해당하는 속성과 사용법에 대해 자세히 소개하지 않겠습니다. 웹 페이지의 적용에만 집중하겠습니다. 이것이 모든 사람에게 도움이 되기를 바랍니다.
1. DIV
DIV는 XHTML 웹사이트를 구축하는 친구들에게 친숙할 것입니다. 많은 웹사이트와 자료는 웹 표준 웹사이트 구축 DIV+CSS 웹사이트 구축이라고도 부릅니다. W3C에서는 웹 페이지의 레이아웃에 Table 태그를 사용하는 것을 권장하지 않으며, 레이아웃 태그인 DIV가 자연스럽게 레이아웃의 중요한 책임을 맡게 되므로 이렇게 부르는 것이 무리가 없습니다.
DIV는 큰 컨테이너라고도 할 수 있습니다. 웹페이지의 전체적인 구조적 레이아웃 외에도 웹페이지에서 상대적으로 독립적으로 보이는 영역을 분할하여 사용하는 것이 좋습니다. 신문과 마찬가지로 DIV의 기능은 다양한 콘텐츠를 구분하는 큰 컨테이너입니다. 다양한 영역에서는 특정 상황에 따라 적절한 라벨이 선택됩니다.
2. H 태그
H 태그는 제목 태그로, 단락의 의미를 나타내기 위해 단락 앞에 자주 사용됩니다. 표현의 정도와 표현하고자 하는 의미에 따라 H1~H6으로 나눌 수 있습니다.
H1은 가장 중요하며 전체 웹사이트의 역할과 성격에 대한 설명을 표현하거나 웹사이트의 대상 고객을 나타내는 데 자주 사용됩니다. 다른 라벨은 레벨에 따라 특정 영역의 이름이나 특정 소개 텍스트에 대한 일반적인 설명을 표시하는 데 사용됩니다.
H 태그는 웹 사이트에 대한 일반적인 설명이나 텍스트의 특정 단락을 나타내기 때문에 검색 엔진에 비해 높은 가치를 갖습니다. 그러나 이것이 부담없이 사용할 수 있다는 의미는 아닙니다. 예를 들어 일부 웹사이트에서는 특정 키워드에 대한 순위를 의도적으로 추구하기 위해 H 태그를 사용하여 텍스트 단락에 키워드를 표시합니다. 또는 H 태그를 컨테이너로 사용하여 웹 페이지를 레이아웃할 수도 있습니다. 이는 H 태그의 역할을 완전히 혼동하므로 권장되지 않습니다.
3.P
P는 텍스트 집합의 서로 다른 단락을 구별하는 데 사용되는 단락 태그입니다. 검색 엔진의 경우 크롤링 순서에 따라 첫 번째 P 태그의 텍스트도 높은 값을 갖습니다. Baidu와 마찬가지로 메타 태그 설명(설명)의 텍스트를 무시하고 첫 번째 P 태그의 내용을 가져옵니다(절대적인 것은 아님).
검색 엔진이 더 많은 콘텐츠를 크롤링하고 사용자에게 더 나은 검색 환경을 제공할 수 있도록 일부 웹사이트에서는 세분화를 사용합니다.
상표. 불가능하다는 말은 아니지만 때로는 원하는 결과를 얻지 못할 수도 있습니다. 엄격하게 입력된 문서의 경우,
표현형식에 속하는 태그이므로 사용이 불가합니다.
대부분의 웹사이트는 전환 문서 유형을 사용하지만 텍스트 분할에는 사용하지 않는 것이 좋습니다.
4. UL 및 LI 라벨
이것은 순서가 지정되지 않은 목록이며 UL 태그는 목록의 선언이고 LI는 목록 항목입니다. 프로젝트의 상대적인 독립성으로 인해 탐색, 뉴스 또는 기사 목록 등에 자주 사용됩니다. UL은 다양한 목록을 구별하는 컨테이너로도 사용할 수 있습니다.
일부 웹사이트는 "웹 표준"을 추구하고 테이블을 UL 및 LI로 변환할 수 있으며, 이로 인해 웹 페이지를 읽고 유지 관리하기가 어려워집니다. 잘못된 이해는 웹 표준이 전달하는 개념에 어긋납니다.
5. 테이블
여기서는 Table의 사용법에 대해 너무 많이 소개하지 않겠습니다. 단지 웹 표준이 Table을 앞으로 사용할 수 없다는 의미는 아니지만 Table을 레이아웃에 사용하는 것은 권장되지 않으며 단지 사용되어야 한다는 것을 말하고 싶습니다. 데이터를 표시할 때. 따라서 웹을 준수하는 웹페이지와 Table 태그를 사용하는 것에는 모순이 없습니다.
6. 검색 엔진을 위해 준비된 태그
(1)제목: 웹페이지의 제목, 웹사이트에 대한 설명입니다. 하위 태그는 검색 엔진에도 유용하며 종종 대상 키워드를 포함합니다.
(2)메타 키워드: 웹 페이지의 주요 키워드입니다. 원래는 검색엔진이 쉽게 웹사이트를 분류할 수 있도록 하기 위해 만들어졌으나, 나중에 많은 웹사이트에서 키워드 순위를 높이기 위해 이 태그를 사용하여 부정 행위를 하는 경우가 많았으므로 이제 이 태그는 검색엔진에서 거의 의미가 없습니다.
(3) Meta's Description: 웹페이지에 대한 설명입니다. 키워드와 마찬가지로 원래는 검색 엔진 분류를 용이하게 하기 위한 것이었습니다. 또한 많은 웹사이트에서 이 태그를 사용하여 속임수를 쓰기 때문에 검색 엔진에서는 더 이상 중요하지 않습니다. 현재 주류 검색 엔진 중 Google만이 여전히 콘텐츠를 크롤링하고 있지만, 콘텐츠를 기반으로 키워드를 결정하는 경우는 거의 없습니다.
사실, 검색엔진에서 가장 중요한 것은 콘텐츠의 품질입니다. 마찬가지로, 우리는 방문자에게 자신을 홍보하기 위해 웹사이트를 구축합니다. 신속성 때문에 기본을 잊지 마시기 바랍니다. 결국 사용자는 웹사이트의 순위가 아니라 해당 정보가 자신에게 필요한 것인지 여부에 관심을 갖습니다.
-