HTML 의미 태그란 무엇입니까? 일반적인 HTML 의미 체계 태그의 전체 목록

1. HTML 시맨틱 태그란 무엇인가요?

시맨틱 태그는 태그에 고유한 의미를 부여하도록 설계되었습니다.

<p>一行文字</p><span>一行文字</span>

위 코드에서 볼 수 있듯이 p 태그와 span 태그의 차이점 중 하나는 p 태그의 의미가 문단이라는 점입니다. span 태그에는 고유한 의미가 없습니다.

2. 시맨틱 태그의 장점

1. 코드 구조가 명확하고 읽기 쉬우며 팀 개발에 도움이 됩니다.

2. 다른 장치(예: 스크린 리더, 시각 장애인 리더, 모바일 장치)에서 편리하게 파싱하여 웹페이지를 의미론적으로 렌더링합니다.

3. 검색엔진최적화(SEO)에 좋습니다.

3. 공통 시맨틱 태그

따라서 페이지 구조 작성 시 시맨틱 HTML 태그를 사용하도록 노력해야 합니다

• b2386ffb911b14667cb8f0f91ea547a7: 페이지의 주요 내용입니다.

• b35601808ee30eac9a0f11ecc3d2c015: h1~h6, 계층적 제목, 4a249f0d628e2318394fd9b75b4636b1과 b2386ffb911b14667cb8f0f91ea547a7의 조화는 검색엔진 최적화에 유리합니다.

• ff6d136ddc5fdfeffaf53ff6ee95f185: 순서가 지정되지 않은 목록입니다.

• 25edfb22a4f469ecb59f1190150159c6: 주문된 목록입니다.

• 1aa9e5d373740b65a0cc8f0a02150c53: 헤더에는 일반적으로 웹사이트 로고, 기본 탐색, 사이트 전체 링크 및 검색 상자가 포함됩니다.

• c787b9a589a3ece771e842a6176cf8e9: 탐색 표시, 문서의 중요한 링크 그룹에만 사용됩니다.

• 61b85035edf2b42260fdb5632dc5728a: 페이지의 주요 콘텐츠로, 페이지에서 한 번만 사용할 수 있습니다. 웹 애플리케이션인 경우 주요 기능을 둘러싸세요.

• 23c3de37f2f9ebcb477c4a90aac6fffd: 문서의 나머지 부분과 독립적인 외부 콘텐츠를 정의합니다.

• 2f8332c8dcfd5c7dec030a070bf652c3: 문서 내 섹션(섹션, 섹션)을 정의합니다. 장, 머리글, 바닥글 또는 문서의 기타 부분 등입니다.

• 15221ee8cba27fc1d7a26c47a001eb9b: 포함된 콘텐츠 이상의 콘텐츠를 정의합니다. 사이드바, 기사 링크 세트, 광고, 친숙한 링크, 관련 제품 목록 등.

• c37f8231a37e88427e62669260f0074d: 바닥글, 상위 항목이 본문인 경우에만 전체 페이지의 바닥글입니다.

• d015d241ae6d34c34210679b5204fe85: 작은 글꼴 효과 표시, 세부정보 지정, 면책조항, 주석, 서명, 저작권 입력.

• 8e99a69fbe029cd4e2b854e244eab143: em 태그와 마찬가지로 텍스트를 강조하는데 사용되지만, 텍스트를 더욱 강하게 강조합니다.

• 907fae80ddef53131f3292ee4f81644b : 강조된 내용으로 본문을 이탤릭체로 표현합니다.

• f920514e6447cf1d171079d1371f007f: 노란색을 사용하여 텍스트의 일부를 강조 표시합니다.

• 24203f2f45e6606542ba09fd2181843a: 독립적인 흐름 콘텐츠(이미지, 차트, 사진, 코드 등)를 지정합니다(기본 여백은 약 40px).

• 614eb9dc63b3fb809437a716aa228d24: figure 요소의 첫 번째 또는 마지막 하위 요소 위치에 배치되어야 하는 figure 요소의 제목을 정의합니다.

• f3a85e1241a187c5ac462d886e9a968b: 포함된 텍스트가 책이나 잡지 제목과 같은 참조를 참조함을 나타냅니다.

• fa57c8becaf0b8746ebae103568d6733: 자체 공간이 있는 블록 참조를 정의합니다.

• 1244aa79a84dea840d8e55c52dc97869: 짧은 인용(브라우저 간 문제, 사용하지 마세요).

• 46dd80ba616c57a652514755c74c4211: 날짜/시간 속성은 특정 형식을 따릅니다. 이 속성이 무시되는 경우 텍스트 콘텐츠는 합법적인 날짜 또는 시간 형식이어야 합니다.

• 8a7974376be5f6c00c121222b727adb9: 약어 또는 약어.

• 7f9d788ef50b059a7f76f3d2e4ccc9d1: 정의 용어 요소. 정의 바로 옆에 있어야 하며 설명 목록 dl 요소에 사용할 수 있습니다.

• 208700f394e4cf40a7aa505373e0130b: 저자, 관련자 또는 단체의 연락처 정보(이메일 주소, 연락처 페이지 링크)입니다.

• 823db3943044a0a9a620ada8d4b1d965: 콘텐츠가 삭제되었습니다.

• 426be984ffbbb815d7d88e3543a85d91: 콘텐츠가 추가되었습니다.

• ffbe95d20f3893062224282accb13e8f: 태그 코드입니다.

• 49c6123c49c6be380cb91db06cd3bfa9: 알려진 범위 또는 분수 값 내에서 스칼라 측정값을 정의합니다. (Internet Explorer에서는 미터 태그를 지원하지 않습니다.)

• 6ecb87e5318a36c03c59e25d55f43372: 실행 중인 진행률(프로세스)을 정의합니다.

더 많은 관련 튜토리얼을 보려면 Html5 비디오 튜토리얼

을 방문하세요.