Semântica é o estudo do significado de palavras e frases em uma linguagem. Elemento semântico = elemento que tem significado. O elemento semântico descreve claramente o que significa para navegadores e desenvolvedores. Exemplos de elementos não semânticos ：<div>和<span>- nada se sabe sobre seu conteúdo. Exemplos de elementos semânticos: <form>, <table> e <article> - definem claramente o seu conteúdo. Todos os navegadores modernos suportam elementos semânticos HTML5.
Muitos sites contêm código HTML como ：<div id =nav> <div class =header> <div id =footer> para indicar navegação, cabeçalhos e rodapés. HTML5 fornece novos elementos semânticos para definir diferentes partes de uma página web:
<article><aside><details><figcaption><figure><footer><header><main><mark><nav><section><summary><time>Elemento <seção> HTML5
O elemento <section> define uma seção de um documento. De acordo com a documentação HTML5 do W3C: Uma seção é um agrupamento temático de conteúdo, geralmente com um título. As páginas iniciais geralmente podem ser divididas em várias seções para introdução, conteúdo e informações de contato.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java é uma linguagem de programação de computador amplamente usada com recursos de programação genéricos, multiplataforma e orientados a objetos, aplicados a empresas. desenvolvimento de aplicativos da web em nível de nível e desenvolvimento de aplicativos móveis. </p> </section> <section> <h1>PHP</h1> <p>PHP (nome completo: PHP: Hypertext Preprocessor, ou seja, PHP: Hypertext Preprocessor) é uma linguagem de script de computador de uso geral de código aberto, especialmente. adequado para desenvolvimento web e pode ser incorporado em HTML. </p> </section> </body> </html>Elemento HTML5 <artigo>
O elemento <article> especifica conteúdo incluído independente. Um artigo deve fazer sentido por si só e ser legível independentemente do resto do site. Exemplos de onde o elemento <article> pode ser usado:
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java é uma linguagem de programação de computador amplamente usada com recursos de programação genéricos, multiplataforma e orientados a objetos, aplicados a empresas. desenvolvimento de aplicativos web de nível superior e desenvolvimento de aplicativos móveis. </p> </article> </body> </html>Elemento <cabeçalho> HTML5
O elemento <header> especifica um cabeçalho de arquivo ou seção. O elemento <header> deve ser usado como contêiner para conteúdo introdutório. Você pode incluir vários elementos em um <header>. O exemplo a seguir define o título do artigo:
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>O que é Java:</p> </header> <p>Java é um computador amplamente utilizado linguagem de programação com recursos de programação genéricos, multiplataforma e orientados a objetos, e é amplamente usada no desenvolvimento de aplicativos da web de nível empresarial e no desenvolvimento de aplicativos móveis. </p> </article> </body> </html>Elemento HTML5 <rodapé>
O elemento <footer> especifica um arquivo ou rodapé parcial. O elemento <footer> deve conter informações sobre a unidade que o contém. O rodapé geralmente contém o autor do documento, informações de direitos autorais, um link para os termos de uso, informações de contato, etc. Você pode ter vários elementos dentro de um <footer>.
<!DOCTYPE html> <html> <body> <footer> <p>Direitos autorais</p> <p>Informações de contato: <a href=mailto:algué[email protected]> algué[email protected]</a> . </p> </footer> </body> </html>Elemento HTML5 <nav>
O elemento <nav> define um conjunto de links de navegação.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> | <a href=#>jQuery</a> </nav> </body> </html>Elemento HTML5 <aside>
O elemento <aside> define algum conteúdo do conteúdo em que é colocado (como uma barra lateral). O conteúdo <aside> deve ser o conteúdo circundante.
<!DOCTYPE html> <html> <body> <p>Java é uma linguagem de programação de computador amplamente usada com recursos de programação genéricos, multiplataforma e orientados a objetos. desenvolvimento. . </p> <aside> <h4>PHP</h4> <p>PHP é a melhor linguagem do mundo. </p> </aside> </body> </html>Resumir
O texto acima são os elementos semânticos HTML5 introduzidos pelo editor. Você realmente os usou corretamente. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!
Se você acha que este artigo é útil para você, fique à vontade para reimprimi-lo, indique a fonte, obrigado!