A semântica e o elemento HTML q

Postado por: Pedro Rogério em
  • 20 set
  • 8

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

Central Server

Introdução a marcação semântica

Postado por: Pedro Rogério em
  • 18 ago
  • 7

Muitas vezes quando estamos fazendo um site, acabamos ficando preocupados somente com os títulos e os textos, é onde acabamos esquecendo da semântica, por exemplo, quando queremos indicar um código em nosso site, devemos usar a tag <code>, mas muita gente acaba esquecendo disso.

Abaixo você pode ver uma lista de tags semânticos:

  • cite: Destina-se a marcar textos que citem ou façam referências a outras fontes
  • code: Destinado a marcar trechos código
  • dfn: Destina-se a marcar um termo cuja definição foi dada no documento
  • em: Destinado a marcar texto com ênfase
  • kbd: Destina-se a marcar texto que define uma ação do usuário no teclado
  • samp: Destinado a marcar textos que são mostrados como exemplo de saída de um software
  • strong: Destinado a marcar textos em negrito
  • sub: Destinado a deixar o texto subescrito
  • sup: Destinado a deixar o texto superescrito
  • var: Destina-se a indicar que trata-se do nome de uma variável ou de um argumento de um programa

<update> Depois do comentário do Marcos Danilo, vou deixar aqui um exemplo de como usar a tag dfn, ela indica basicamente a definição de uma palavra, em geral apresenta o texto em itálico: CERN: Centre d’Éstudes et Recherches Nucleaires </update>

HTML é semântico

Postado por: Pedro Rogério em
  • 4 ago
  • 7

Acho que nunca levantei uma discussão aqui nesse blog, então essa será a primeira. XHTML é mais semântico que HTML? Vou deixar aqui a minha opnião:

Os buscadores entendem perfeitamente o HTML, e mesmo assim eles não deixam de indexar as páginas, logicamente que eles gostam mais de <h1>, <strong> e as tags similares, e esses são elementos que já existiam no HTML.

XHTML é HTML, não há atributos novos nem elementos novos, tudo segue exatamente igual. Vejas as diferenças entre XHTML e HTML no site do W3C.

XHTML não separa melhor o conteúdo da estrutura. Para aqueles que tem terror da tag font, vale lembrar que esse elemento não é permitido seguindo o dtd do HTML 4.01 Strict, quem dirá então o DTD do XHTML 1 Transitional. O DTD do XHTML 1 Transitional é o mesmo do HTML 4 Transitional só que reformulado para funcionar como XML, e o mesmo acontece com as DTD do HTML 4 Strict e XHTML 1 Strict.

E você, qual é a sua opnião sobre esse assunto, deixe aqui o seu Feedback!!!

XHTML semântico aplicado a listas

Postado por: Pedro Rogério em
  • 27 jul
  • 9

Semântica, em um modo geral, se refere ao significado das palavras, mas na Web, quando falamos em semântica, estamos nos referindo ao significado das etiquetas com que estamos marcando o nosso código, ou seja, XHTML é uma linguagem de marcação estrutural, cada elemento tem uma relação e um significado dentro do nosso documento.

Mas voltando as listas, em XHTML 1.0 (e 1.1), existem 3 tipos de listas:desordenadas, ordenadas e de definição, além disso, existem outras etiquetas que servem para indicar o uso dessas listas:

Etiqueta <li>

É uma etiqueta comum em listas desordenadas e ordenadas, e não pode ser usada em listas de definição, sua função é marcar um elemento de uma lista (por isso a definição: list item). Veja um exemplo:


<li>ASW</li>
<li>Acerbis</li>
<li>Smith</li>
<li>Wirtz</li>
<li>One</li>

Como podem ver, nosso exemplo não está completo, é agora que definimos se nossa lista é ordenada ou desordenada

Continuar lendo »

O que é a web semântica?

Postado por: Pedro Rogério em
  • 17 mai
  • 7

O futuro da Web se constroe em meio a páginas ricas em conteúdo que obedecem universalmente a padrões, bem diferente da Web que viamos antigamente, aquela em que a informação era toda desorganizada e difícil de entender, mas o que a Web Semântica tem haver com isso?

A Web Semântica foi um projeto criado por Tim Berners-Lee, nada mais nada menos que o criador do HTML e da World Wide Web, onde o objetivo desse projeto é melhorar a Web através de padrões e ferramentas que tornem seu conteúdo claro e de fácil manutenção.

As páginas construídas dentro da Web Semântica passam a poder ser lidas tanto por humanos ou por máquinas, e também tanto podem ser apresentadas graficamente, como podem ser lidas por leitores de tela, e também por dispositivos móveis, como celulares.

Continuar lendo »

Páginas:«12