quinta-feira, 17 de março de 2016

Introdução

Na época do lançamento da tecnologia, considerava-se o XHTML como sendo o sucessor do HTML. Porém, XHTML é uma recomendação separada; a W3C continua a recomendar o uso de XHTML 1.1, XHTML 1.0, e HTML 4.01 para publicação na web, assim como o HTML5.
..Exemplos **
Um exemplo simples de XHTML seria: (Observando dentro das tags <html></html>)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Dados para Cadastro</title>
  </head>
  <body>
     <form action="">
        <fieldset>
           <legend>Dados para Cadastro</legend>
           <label for="nome">Nome:</label> 
           <input type="text" name="nome" id="nome" /><br />
           <label for="tipo">Tipo:</label> 
           <input type="text" name="tipo" id="tipo" /><br />
           <label for="data">Data:</label>
           <input type="text" name="data" id="data" /><br />
           <input type="submit" value="enviar" />
        </fieldset>
     </form>
  </body>
</html>

O código CSS que formataria este XHTML seria:


form input, form label, form legend {
  font-size: 11px;
}
form input {
  border: solid #ccc thin;
  font-family: 'Trebuchet MS', Verdana, Tahoma, serif;
  width: 100%;
}
form input[type="submit"] {
  display: block;
  float: right;
  margin-top: 13px;
  width: auto;
}
form fieldset, form legend {
  border: solid black thin;
  margin: 10px;
  padding: 6px;
}
form fieldset {
  width: 40%;
}
form label {
  display: block;
}
form legend {
  background-color: #e8e8e8;
  font-weight: bold;
}

0 comentários :

Postar um comentário

Related Posts Plugin for WordPress, Blogger...

# Compartilhar