의미론은 언어에서 단어와 구의 의미를 연구하는 학문입니다. 의미적 요소 = 의미를 갖는 요소. 의미 요소는 브라우저와 개발자에게 의미하는 바를 명확하게 설명합니다. 비의미적 요소의 예 :<div>和<span>- 해당 내용에 대해서는 알려진 바가 없습니다. 의미 요소의 예: <form>, <table> 및 <article> - 해당 내용을 명확하게 정의합니다. 모든 최신 브라우저는 HTML5 의미 요소를 지원합니다.
많은 웹사이트에는 탐색, 머리글 및 바닥글을 나타내는 :<div id =nav> <div class =header> <div id =footer> 와 같은 HTML 코드가 포함되어 있습니다. HTML5는 웹 페이지의 다양한 부분을 정의하는 새로운 의미 요소를 제공합니다.
<기사><별도><세부정보><그림캡션><그림><바닥글><헤더><메인><마크><탐색><섹션><요약><시간>HTML5 <섹션> 요소
<section> 요소는 문서의 섹션을 정의합니다. W3C의 HTML5 문서에 따르면 섹션은 일반적으로 제목이 있는 주제별 콘텐츠 그룹입니다. 홈 페이지는 일반적으로 소개, 콘텐츠 및 연락처 정보를 위해 여러 섹션으로 나눌 수 있습니다.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java는 크로스 플랫폼, 객체 지향 및 일반 프로그래밍 기능을 갖춘 널리 사용되는 컴퓨터 프로그래밍 언어입니다. 수준의 웹 애플리케이션 개발 및 모바일 애플리케이션 개발. </p> </section> <section> <h1>PHP</h1> <p>PHP(전체 이름: PHP: Hypertext Preprocessor, 즉 PHP: Hypertext Preprocessor)는 특히 오픈 소스 범용 컴퓨터 스크립팅 언어입니다. 웹 개발에 적합하며 HTML에 포함될 수 있습니다. </p> </section> </body> </html>HTML5 <article> 요소
<article> 요소는 독립적인 포함 콘텐츠를 지정합니다. 기사는 그 자체로 의미가 있어야 하며 웹사이트의 나머지 부분과 독립적으로 읽을 수 있어야 합니다. <article> 요소를 사용할 수 있는 예:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java는 크로스 플랫폼, 객체 지향 및 일반 프로그래밍 기능을 갖춘 널리 사용되는 컴퓨터 프로그래밍 언어입니다. 수준의 웹 애플리케이션 개발 및 모바일 애플리케이션 개발. </p> </article> </body> </html>HTML5 <header> 요소
<header> 요소는 파일 또는 섹션 헤더를 지정합니다. <header> 요소는 소개 콘텐츠의 컨테이너로 사용되어야 합니다. <header>에는 여러 요소를 포함할 수 있습니다. 다음 예에서는 기사 제목을 정의합니다.
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Java란 무엇입니까?</p> </header> <p>Java는 널리 사용되는 컴퓨터입니다. 크로스 플랫폼, 객체 지향 및 일반 프로그래밍 기능을 갖춘 프로그래밍 언어로 엔터프라이즈 수준의 웹 애플리케이션 개발 및 모바일 애플리케이션 개발에 널리 사용됩니다. </p> </article> </body> </html>HTML5 <footer> 요소
<footer> 요소는 파일 또는 부분 바닥글을 지정합니다. <footer> 요소에는 포함 단위에 대한 정보가 포함되어야 합니다. 바닥글에는 일반적으로 문서 작성자, 저작권 정보, 이용 약관 링크, 연락처 정보 등이 포함됩니다. <footer> 내에 여러 요소를 가질 수 있습니다.
<!DOCTYPE html> <html> <body> <footer> <p>저작권</p> <p>연락처 정보: <a href=mailto:[email protected]> [email protected]</a> . </p> </footer> </body> </html>HTML5 <nav> 요소
<nav> 요소는 탐색 링크 세트를 정의합니다.
<!DOCTYPE html> <html> <body> <nav> <a href=#>자바</a> <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>HTML5 <aside> 요소
<aside> 요소는 배치된 콘텐츠(예: 사이드바)의 일부 콘텐츠를 정의합니다. <aside> 콘텐츠는 주변 콘텐츠여야 합니다.
<!DOCTYPE html> <html> <body> <p>Java는 크로스 플랫폼, 객체 지향 및 일반 프로그래밍 기능을 갖춘 널리 사용되는 컴퓨터 프로그래밍 언어로 엔터프라이즈 수준의 웹 애플리케이션 개발 및 모바일 애플리케이션에 널리 사용됩니다. 개발. . </p> <aside> <h4>PHP</h4> <p>PHP는 세계 최고의 언어입니다. </p> </aside> </body> </html>요약
위 내용은 에디터가 소개한 HTML5 시맨틱 요소입니다. 정말 올바르게 사용하셨나요? 도움이 되셨으면 좋겠습니다. 궁금한 사항이 있으시면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해드리겠습니다. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!
이 글이 도움이 되셨다면 재인쇄하셔도 좋고, 출처를 밝혀주시면 감사하겠습니다!