Resumo de Web Semântica -

O que é a "Web Semântica"? Este é o primeiro artigo da série Tutorial de Web Design, que pretende explicar a forma como se constroem websites eficientes usando métodos modernos. A Web do futuro será um meio cujas páginas obedecem a padrões universalmente aceites e serão ricas em significado, algo muito diferente da Web do passado em que as páginas eram construídas de forma desorganizada e eram difíceis de entender e de manter. Para compreendermos aquilo que torna possível dar significados claros aos conteúdos das páginas e dar eficiência à publicação na Web precisamos de saber o que é a Web Semântica. A Web Semântica é um projecto dirigido por Tim Berners-Lee, criador do HTML e da World Wide Web sob os auspícios do World Wide Web Consortium (W3C). O objectivo deste projecto é melhorar as potencialidades da Web através da criação de ferramentas e de padrões que permitam atribuir significados claros aos conteúdos das páginas e facilitar a sua publicação e manutenção. As páginas construídas usando a filosofia da Web Semântica passam a fazer parte de um meio universal para a troca de informação. Dizemos que se trata de um meio universal porque estas páginas podem ser lidas por humanos ou por máquinas e tanto podem ser apresentadas graficamente (num monitor ou impressas em papel) como lidas em voz alta por browsers capazes de sintetizar voz e podem ser apresentadas em telefones móveis adequados. Nesta altura os padrões já definidos no âmbito desta iniciativa são as versões mais recentes da linguagem HTML, todas as versões da linguagem XHTML, as folhas de estilos em cascata (CSS) e diversos dialectos de XML. Nos artigos que formarão este tutorial vamos abordar o HTML, o XHTML e os estilos CSS, que têm como finalidade a apresentação da informação das páginas para ser lida por humanos. Os dialectos de XML servem para auxiliar as aplicações de software que precisam de ler páginas da Web. O HTML tem uma origem semântica Para acompanhar os parágrafos seguintes convém ter bem presentes os ensinamentos do Tutorial e Referência de CSS e do Tutorial de HTML 4.01. O elementos da linguagem HTML têm significados claros, existindo elementos para definir cabeçalhos, parágrafos, listas, etc. Se usarmos correctamente os elementos do HTML as estruturas das páginas que escrevemos serão claras e fáceis de compreender. Nós estamos a escrever HTML semântico quando escrevemos uma página tão simples como esta: <html> <head> <title>HTML Semântico<title> </head> <body> <h1>Título da página</h1> <p> Esta página não contém quaisquer atributos estilísticos. Ela contém apenas "HTML puro". </p> <p> O browser apresenta esta página tendo em conta os significados dos diversos elementos que a página contém. </p> </body> </html> O browser sabe que o elemento <h1> representa um cabeçalho importante, é esse o significado do elemento. Por isso o browser representa o conteúdo do elemento com letra maior e com texto carregado. O elemento <p> representa um parágrafo e isso significa que o texto nele contido forma um bloco. Por isso o browser separa claramente os parágrafos uns dos outros e escreve os seus conteúdos com letra normal. No exemplo anterior nós não aplicámos qualquer formatação ao HTML que escrevemos, deixámos o browser aplicar os estilos que tem definidos à partida. Como já deve ter reparado esta forma de trabalhar não produz resultados visualmente convincentes. Se quisermos que as páginas que escrevemos tenham um aspecto sofisticado então temos de formatá-las. O objectivo do projecto da Web Semântica é que ao acrescentarmos a formatação nós não causemos a destruição da semântica do HTML. O exemplo seguinte mostra um caso de HTML não semântico (este html é mau!!): <html> <head> <title>HTML Não Semântico<title> </head> <body> <font size="+3">Título da página</font> <br><br> Esta página contém atributos e elementos estilísticos. <br><br> O browser apresenta esta página correctamente por o estilo está definido no próprio conteúdo da página. Nada se sabe quanto aos significados dos conteúdos. </body> </html> O objectivo da Web Semântica é permitir fazer formatação das páginas com grande liberdade sem interferir com os significados dos elementos do HTML. Na sua forma mais simples a estratégia recomendada consiste em fazer com que a informação (conteúdos da página) seja guardada em páginas escritas em HTML ou XHTML e o aspecto final da apresentação seja definido através de estilos CSS. O próximo artigo desta série vai explicar a forma como se consegue fazer essa separação entre estilo e conteúdos.

Resumos Relacionados