구조적 의미에 관한 HTML 문제

이 기사는 주로 구조적 의미론에 관한 HTML 문제를 공유합니다. 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.

웹 의미론이 왜 필요한가요?

우선 사람들은 시각적 구분을 통해 콘텐츠의 의미를 판단할 수 있고 검색 엔진은 코드만 볼 수 있습니다. 검색 엔진은 태그를 통해서만 콘텐츠의 의미를 판단할 수 있습니다. 페이지 트래픽의 대부분은 검색 엔진에서 발생하므로 페이지를 검색 엔진 친화적으로 만들기 위해서는 태그를 최대한 의미 있게 만드는 것이 필요합니다.

모든 태그에는 고유한 의미가 있습니다. 일부 태그의 의미는 다음과 같습니다.

• 
  

• p 의미: pision(분리)

• 범위 의미: Span(범위)

• ol 의미론: 순서가 있는 목록(정렬된 목록)

• ul 의미: 순서가 없는 목록(순서가 없는 목록)

• li 의미: 목록 항목( 목록 항목)

​​​​​​​라벨의 의미와 기본 스타일을 무시하고, 모든 라벨에 p를 사용한다면 실제로 CSS만 사용하면 좋은 시각효과가 있는 페이지를 작성할 수 있습니다. 유연하게. 그러나 이 경우 시각적 요구 사항이 충족되었음에도 불구하고 전체 페이지에는 의미가 전혀 없으며 검색 엔진은 여전히 ​​이를 이해할 수 없습니다. 따라서 기억하세요:

구조(html)가 핵심이고 스타일(css)은 구조를 수정하는 데 사용됩니다. 따라서 먼저 HTML과 태그를 결정한 다음 적절한 CSS를 선택해야 합니다

둘째, SEO를 수행할 때 제목을 강조하기 위해 h1을 사용하고 키워드를 강조하기 위해 Strong을 사용하는 경우가 많습니다. 현재의 검색엔진은 웹사이트의 내용을 반영하거나 추측하기 위해 소스코드를 분석하는 것 외에는 방문자처럼 직관적으로 웹페이지를 볼 수 없습니다. 예를 들어 기사 제목을 표현하려면 다음과 같이 쓸 수 있습니다.

<p id=”title”>文章的标题</p>

방문자들은 우리가 의미하는 바를 이해할 수 있지만 검색 엔진은 계속해서 그것을 알아내야 합니다. 더 나은 검색 엔진을 사용하면 이렇게 할 수 있습니다. 쓰기:

<h1>这是标题</h1>

팁: h1은 가장 높은 가중치를 갖습니다. 콘텐츠를 강조하려면 h1을 1개 사용하는 것이 가장 좋습니다. 페이지 전체가 검색 결과에 영향을 미칩니다. 엔진도 매우 비우호적입니다.

의미론적 장점:

• 사용자가 읽기 쉽고 스타일이 손실되었을 때 페이지에 명확한 구조를 제공할 수 있습니다.

• SEO에 좋은 검색 엔진은 태그를 기반으로 개별 키워드의 맥락과 가중치를 결정합니다.

• 시각 장애인이 의미론을 기반으로 웹 페이지를 렌더링하는 등 다른 장치의 구문 분석을 용이하게 합니다.

• 개발 및 유지 관리에 도움이 되고, 의미론이 더 읽기 쉽고, 코드가 더 잘 유지되며, CSS3과의 관계가 더 좋습니다. 더 조화롭습니다.

오늘은 그림과 같은 기본 구조 태그를 소개하겠습니다.

1. 1aa9e5d373740b65a0cc8f0a02150c53

정의 문서 또는 문서의 일부 헤더 소개 콘텐츠나 탐색 링크 모음의 컨테이너 역할을 해야 합니다.

문서에서 여러 개의 1aa9e5d373740b65a0cc8f0a02150c53 요소를 정의할 수 있지만 208700f394e4cf40a7aa505373e0130b, c37f8231a37e88427e62669260f0074d 또는 1aa9e5d373740b65a0cc8f0a02150c53 요소는 하위 요소가 될 수 없습니다. ; 요소 .

2. c787b9a589a3ece771e842a6176cf8e9

c787b9a589a3ece771e842a6176cf8e9다른 페이지나 페이지 내의 다른 부분으로 이동하는 링크 목록이 포함된 여러 하이퍼링크가 포함된 영역을 설명합니다.

하나의 문서에서 여러 c787b9a589a3ece771e842a6176cf8e9 요소를 정의할 수 있습니다.

3. 61b85035edf2b42260fdb5632dc5728a

61b85035edf2b42260fdb5632dc5728a 이 콘텐츠는 문서에서 고유해야 하며 다음과 같이 문서에서 반복되는 콘텐츠를 포함하지 않습니다. 사이드바, 탐색 모음 링크, 저작권 정보, 웹사이트 로고, 검색 상자(검색 상자가 문서의 주요 기능인 경우 제외).

하나의 문서에 여러 개의 61b85035edf2b42260fdb5632dc5728a 태그를 사용할 수 없다는 점에 유의하세요.

4. 23c3de37f2f9ebcb477c4a90aac6fffd

23c3de37f2f9ebcb477c4a90aac6fffd 요소는 게시와 같이 독립적으로 할당 가능하고 재사용 가능한 구조를 나타냅니다. 이는 포럼 게시물, 잡지 또는 뉴스 기사, 블로그, 사용자가 제출한 댓글, 대화형 구성 요소 또는 기타 독립형 콘텐츠 항목일 수 있습니다.

23c3de37f2f9ebcb477c4a90aac6fffd 요소가 중첩되어 사용되면 해당 요소는 외부 요소와 관련된 기사를 나타냅니다. 예를 들어, 블로그 댓글을 나타내는 23c3de37f2f9ebcb477c4a90aac6fffd 요소는 블로그 게시물을 나타내는 23c3de37f2f9ebcb477c4a90aac6fffd 요소 내에 중첩될 수 있습니다.

5. 15221ee8cba27fc1d7a26c47a001eb9b

15221ee8cba27fc1d7a26c47a001eb9b 요소는 페이지 콘텐츠의 나머지 부분과 거의 관련이 없는 부분을 나타냅니다. 개별적으로 분리될 수 있으며 전체 상황에 영향을 미치지 않습니다. 일반적으로 사이드바 또는 삽입된 콘텐츠로 나타납니다.

6. c37f8231a37e88427e62669260f0074d

  c37f8231a37e88427e62669260f0074d 최신 장 콘텐츠의 바닥글 또는 루트 노드 요소를 정의합니다. 바닥글에는 일반적으로 섹션 작성자, 저작권 데이터 또는 문서 링크에 대한 정보가 포함됩니다.

연락처 정보를 삽입하기 위해 바닥글을 사용할 때는 바닥글 요소 내에 208700f394e4cf40a7aa505373e0130b 요소를 사용해야 합니다.

.

요소 콘텐츠를 여러 부분으로 나눌 수 있는 경우 2f8332c8dcfd5c7dec030a070bf652c3 대신 23c3de37f2f9ebcb477c4a90aac6fffd을 사용해야 합니다.
2f8332c8dcfd5c7dec030a070bf652c3 요소를 일반 컨테이너로 사용하지 마세요. 특히 2f8332c8dcfd5c7dec030a070bf652c3이 스타일을 아름답게 하거나 스크립트 사용을 용이하게 하는 데만 사용되는 경우에는 e388a4556c0f65e1904146cc1a846bee를 사용해야 합니다.

이 태그 중에서 혼동되기 쉬운 태그는 2f8332c8dcfd5c7dec030a070bf652c3 및 23c3de37f2f9ebcb477c4a90aac6fffd이므로 특별한 설명은 다음과 같습니다.

“저자는 대신에 item 요소를 사용하는 것이 좋습니다.

일반인의 관점에서 23c3de37f2f9ebcb477c4a90aac6fffd은 2f8332c8dcfd5c7dec030a070bf652c3보다 더 독립적이고 완전합니다. 문단의 내용이 문맥과 분리되지 않고 완전하고 독립적인지로 판단할 수 있다.

위 내용은 구조적 의미에 관한 HTML 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!