O que é marcação semântica, e por que eu iria querer usar isso?

Question

Como diz.

Answer 1

Usando meios marcação semântica que o (X) HTML código que você usar em uma página contém metadados descrevendo sua finalidade - por exemplo, um <h2> que contém o nome de um empregado pode ser marcado class="employee-name". Originalmente, havia algumas pessoas que esperavam motores de busca iria usar essa informação, mas como a web evoluiu marcação semântica tem sido usado principalmente para fornecer ganchos para CSS.

Com CSS e marcação semântica, você pode manter o design visual da página separada da marcação. Isso resulta em economia de banda, porque o projeto só precisa ser baixado uma vez, e de modificação mais fácil do projeto porque não é misturado à marcação.

---

Outro ponto é que os elementos utilizados devem ter uma relação lógica com os dados contidos dentro deles. Por exemplo, as tabelas devem ser usadas para dados tabulares, <p> deve ser usado para os parágrafos textuais, <ul> deve ser usado para listas não ordenadas, etc. Isto está em contraste com a web designs iniciais, que muitas vezes utilizadas tabelas para tudo.

Answer 2

A semântica significa, literalmente, usando linguagem "significativa"; em Desenvolvimento Web, isso basicamente significa usar tags e identificadores que descrevem o conteúdo.

Por exemplo, a aplicação de IDs como #Navigation, #header e #Content à sua

marcas, em vez de #Left e #main, ou usando listas não ordenadas para uma lista de links de navegação, em vez de uma mesa.

Os principais benefícios estão em manutenção futura; você pode facilmente mudar o layout ou a apresentação sem perder o significado do seu conteúdo. Você barra de navegação pode se mover da esquerda para a direita, ou seus links exibidos na horizontal em vez de vertical, sem perder o sentido.

A partir http://www.digital-web.com/articles/writing_semantic_markup/ :

marcação semântica é de marcação que é suficiente descritivo para permitir que nós e as máquinas que programa para reconhecer isso e tomar decisões sobre o assunto. Em outras palavras, a marcação através algo quando podemos identificá-lo e fazer coisas úteis com ele. Desta forma, marcação semântica torna-se mais do que meramente descritivo. Torna-se um mecanismo brilhante que permite que os seres humanos e máquinas para “entender” a mesma informação.

Além do objetivo já mencionado de permitir que o software para 'compreender' os dados, existem aplicações mais práticas em usá-lo para traduzir entre ontologias, ou para o mapeamento entre dis-semelhantes representações de dados - sem ter que traduzir ou padronizar os dados (que pode resultar em uma perda de informação, e normalmente impede de melhorar sua compreensão no futuro).

Havia pelo menos 2 sessões na OSCON neste ano relacionadas com o uso de tecnologias semânticas. Um deles foi em BigData (lâminas estão disponíveis aqui: http://en.oreilly.com/ oscon2008 / programação / public / processo , o outro era os caras do Freebase .

BigData estava usando para mapear entre dois modelos de dados dis-similares (incluindo o uso de linguagens de consulta que foram criados especificamente para trabalhar com conjuntos de dados semânticos). Freebase é mapeamento entre diferentes conjuntos de dados e em seguida, executar uma análise mais aprofundada ao significado derive através daqueles conjuntos de dados.

Informações relacionadas a olhar para: OWL, QVG, SPARQL, Franz (AllegroGraph, RacerPRO e TopBraid) .

Aqui está um exemplo de um HTML5, o site semanticamente marcado que eu tenho trabalhado em que usa o micro-formatos recentemente aceite como especificado em http://schema.org juntamente com os novos elementos de marcação mais semânticos da HTML5.

http://blog-to-book.com/view/ stuff / about / semântica% 20web

Googles tem uma ferramenta de teste de marcação semântica útil que irá mostrar como adicionar tags semânticas para o conteúdo permite que os motores de busca para 'compreender' muito mais sobre suas páginas web.

Aqui está a ferramenta de teste: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout % 2Fsemantic + web & view =

Observe como o Google Now sabe que as 'coisas' na página são livros, e eles têm um identificador ISBN13. Adicionar metadados adicionais, como preço e autor ainda permite inferências a serem feitas.

Esperamos que este lhe pontos em algumas direções interessantes. marcação semântica mais detalhada pode ser conseguido usando as boas relações Ontologia que é praticamente o mais completo que eu posso pensar agora.

Answer 3

A partir http://www.digital-web.com/articles/writing_semantic_markup/ :

marcação semântica é de marcação que é suficiente descritivo para permitir que nós e as máquinas que programa para reconhecer isso e tomar decisões sobre o assunto. Em outras palavras, a marcação através algo quando podemos identificá-lo e fazer coisas úteis com ele. Desta forma, marcação semântica torna-se mais do que meramente descritivo. Torna-se um mecanismo brilhante que permite que os seres humanos e máquinas para “entender” a mesma informação.

Answer 4

Além do objetivo já mencionado de permitir que o software para 'compreender' os dados, existem aplicações mais práticas em usá-lo para traduzir entre ontologias, ou para o mapeamento entre dis-semelhantes representações de dados - sem ter que traduzir ou padronizar os dados (que pode resultar em uma perda de informação, e normalmente impede de melhorar sua compreensão no futuro).

Havia pelo menos 2 sessões na OSCON neste ano relacionadas com o uso de tecnologias semânticas. Um deles foi em BigData (lâminas estão disponíveis aqui: http://en.oreilly.com/ oscon2008 / programação / public / processo , o outro era os caras do Freebase .

BigData estava usando para mapear entre dois modelos de dados dis-similares (incluindo o uso de linguagens de consulta que foram criados especificamente para trabalhar com conjuntos de dados semânticos). Freebase é mapeamento entre diferentes conjuntos de dados e em seguida, executar uma análise mais aprofundada ao significado derive através daqueles conjuntos de dados.

Informações relacionadas a olhar para: OWL, QVG, SPARQL, Franz (AllegroGraph, RacerPRO e TopBraid) .

Answer 5

Aqui está um exemplo de um HTML5, o site semanticamente marcado que eu tenho trabalhado em que usa o micro-formatos recentemente aceite como especificado em http://schema.org juntamente com os novos elementos de marcação mais semânticos da HTML5.

http://blog-to-book.com/view/ stuff / about / semântica% 20web

Googles tem uma ferramenta de teste de marcação semântica útil que irá mostrar como adicionar tags semânticas para o conteúdo permite que os motores de busca para 'compreender' muito mais sobre suas páginas web.

Aqui está a ferramenta de teste: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout % 2Fsemantic + web & view =

Observe como o Google Now sabe que as 'coisas' na página são livros, e eles têm um identificador ISBN13. Adicionar metadados adicionais, como preço e autor ainda permite inferências a serem feitas.

Esperamos que este lhe pontos em algumas direções interessantes. marcação semântica mais detalhada pode ser conseguido usando as boas relações Ontologia que é praticamente o mais completo que eu posso pensar agora.