HTML 의미론은 진부한 것 같습니다. Google에는 의미론에 관한 많은 기사가 있습니다. 왜 의미론 태그인가? HTML의 각 태그는 구체적인 의미를 가지며 의미론은 적절한 장소에서 적절한 태그를 사용하여 사람과 기계를 더 잘 만들 수 있도록하는 것입니다 (브라우저를 검색 엔진으로 이해할 수있는 기계를 이해할 수 있음). 내 설명이 충분히 명확하지 않으면 Google을주세요.
올바른 장소에서 올바른 레이블을 사용하는 방법은 무엇입니까?이것은 간단한 이해 논리입니다. 예를 들어, H1 ~ H6 태그는 타이틀 클래스에 사용됩니다. UL은 변정되지 않은 목록에 사용됩니다. OL은 채워진 목록에 사용됩니다. DL은 목록을 정의하는 데 사용됩니다. EM, 강력한 태그는 강조하는 데 사용됩니다 ... 무뚝뚝하게 말하면, HTML 태그의 각 영어 정의는 의미론을 결정합니다 (이 기사의 나중에는 일반적으로 사용되는 HTML 태그의 영어 정의 비교 테이블을 참조 할 것입니다).
사람과 기계가 한눈에 볼 수있는 것은 무엇입니까?HTML 페이지가 시맨틱인지 여부를 확인하는 가장 좋은 방법은 웹 페이지 구조가 순서대로 정렬되는지 여부와 페이지를 여전히 읽을 수 있는지 확인하기 위해 페이지의 CSS 링크를 제거하는 것입니다. 왜 그렇게 말할 수 있습니까? 브라우저에는 기본 스타일이 있음을 알고 있습니다 (Chrome 플러그인에 Chrome 웹 개발자 도구 또는 Firefox 웹 개발자 플러그인에 권장). 예를 들어, H1 ~ H6에는 대담한/글꼴 크기 감소 및 상단 및 하부 여백의 기본 스타일이 있습니다. UL, OL 및 DL은 모두 기본 총알을 가지고 있으며 Strong은 기본적으로 대담한 스타일을 가지고 있습니다. 따라서 같은 페이지의 경우 CSS 페이지를 제거 할 때는 여전히 잘 수행 할 수 있습니다.
또 다른 요점은 좋은 시맨틱 인코딩이 검색 엔진에 더 친숙하다는 것입니다. 검색 거미는 CSS를 인식하지 못하지만 HTML 태그를 인식 할 수 있습니다.
간단한 예는 다음과 같습니다.코드를 복사하십시오