true-luv.com » Html & Xhtml http://true-luv.com Sat, 11 Feb 2012 19:34:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 HTML e XHTML http://true-luv.com/html-e-xhtml/ http://true-luv.com/html-e-xhtml/#comments Tue, 27 May 2008 19:26:54 +0000 Tamara http://true-luv.com/?p=1365

O Objetivo deste artigo não é ensinar como construir páginas em HTML ou XHTML válido e sim mostrar de uma forma resumida as diferenças entre ambas as linguagens.

O HTML é uma linguagem de marcação utilizada para produzir páginas na Web.

O XHTML é uma reformulação da linguagem de marcação HTML combinada com regras da XML. Este processo de padronização tem em vista a exibição de páginas Web em diversos dispositivos (televisão, palm, celular, etc).

O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas. O HTML não consegue esta implementação. No entanto, não existem muitas diferenças entre o HTML e o XHTML.

O World Wide Web Consortium (W3C) é um consórcio de empresas de tecnologia que desenvolve padrões para a criação e a interpretação dos conteúdos para a Web

Sites desenvolvidos segundo esses padrões podem ser acessados e visualizados por qualquer pessoa ou tecnologia, independentemente de hardware ou software utilizados, como celulares, PDAs, eletrodomésticos, de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet. Daí a importância de ter um site com páginas em XHTML válido.

Para verificar se uma página XHTML está bem construída, o melhor método é validar o código através dessa aplicação Web disponibilizada pela W3C: http://validator.w3.org/

Versões de XHTML

XHTML Strict - Permite apenas páginas com códigos limpos ao extremo. Isso significa que todos os atributos e formatações devem ser definidos por meio de CSS e os elementos desaprovados pela W3C não podem ser usados.

XHTML Transitional - Bem mais flexível que o Strict, é indicado para quem está em processo de transição de uma marcação antiga para uma mais moderna.

XHTML Frameset - É usado para páginas que contenham frames. Permite as mesmas marcações do XHTML Transitional.

Opinião pessoal - Se você pretende ter um site que siga 100% os padrões, talvez seja perda de tempo editar todas as suas páginas para validar seu xhtml utilizando doctype transitional. O melhor é aprender a construir suas páginas de forma correta e com o tempo se livrar dos antigos hábitos (elementos desaprovados pela W3C).

Fontes de pesquisa

Wikipédia
Livro: Html 4.0 e Xhtml 1.0 - Domínio e Transição

]]> http://true-luv.com/html-e-xhtml/feed/ 1 Redirecionamento http://true-luv.com/redirecionamento/ http://true-luv.com/redirecionamento/#comments Sun, 10 Dec 2006 23:09:03 +0000 Tamara http://true-luv.com/?p=1380

Esse código permite que você faça o redirecionamento de suas páginas, mantendo no navegador o endereço original.

Cole o código a seguir no bloco de notas e salve como index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</meta><meta name="GENERATOR" content="Microsoft FrontPage 5.0">
</meta><meta name="ProgId" content="FrontPage.Editor.Document">
<title>Perguntas e Respostas</title>
</meta></head>
<frameset rows="100%">
<frame name="index" src="http://www.endereço.com" marginwidth="0" marginheight="0" scrolling="auto">
<noframes>
<body>
<p>Esta página usa quadros mas seu navegador não aceita quadros.</p>
</body>
</noframes>
</frame></frameset>
</html>

]]> http://true-luv.com/redirecionamento/feed/ 2 Alinhar Elementos http://true-luv.com/alinhar-elementos/ http://true-luv.com/alinhar-elementos/#comments Wed, 08 Feb 2006 23:01:26 +0000 Tamara http://true-luv.com/?p=1370

Essa é a maneira correta de alinhar elementos usando os padrões aceitos em XHTML Strict 1.0

Adicione após a tag style ou ao seu arquivo style.css:

.center {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
margin: 1px 4px 0 4px;
}
.right {
float: right;
margin: 1px 4px 0 4px;
}

Textos e demais elementos:

01. Esquerda

<p class="left"> seu texto</p>

02. Direita

<p class="right"> seu texto</p>

03. Centralizar

<p class="center"> seu texto</p>

Imagens

01. Esquerda

<img src="http://www.site.com/imagem.gif" class="left" alt=""/>

02. Direita

<img src="http://www.site.com/imagem.gif" class="right" alt=""/>

03. Centralizar

<img src="http://www.site.com/imagem.gif" class="center" alt=""/>

]]> http://true-luv.com/alinhar-elementos/feed/ 0