Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá Pessoal, Boa Tarde!
Venho aqui pedir uma ajuda com o HTML5, tenho como meta mudar o Layout da nossa intranet atual, para tal projeto pensei em utilizar o CSS3 em conjunto com o HTML5.
Entretanto não consigo fazer nenhuma pagina que esta na minha intranet ser reconhecida como HMTL5 mesmo colocando a TAG <!DOCTYPE html> que indicaria ser um documento versão 5, no servidor ele não aparece no browser sendo esse documento.
Salvando no C: da maquina e posteriormente abrindo com o Browser ai sim ele reconhece.
Gostaria de uma ajuda para saber como eu devo definir que meus documentos .asp serão html5, se preciso de um interpretador, se e pelo IIS ou por onde seria essa definição.
Obrigado pela Atenção,
Abraço.
Olá xanburzum, Bom Dia!
Realizei alguns testes ontem e descobri que apenas no IE não funciona com o HTML5, para o Google Chrome e Firefox, funcionam.
eu utilizo o IE11, mas testei também no IE10 e IE9, nenhum funcionou.
Mas tentarei explicar melhor.
tenho o seguinte documento .asp salvo no C: da maquina que utilizo e copiei o mesmo arquivo no local da rede onde tem meu servidor de intranet, o documento é:
<!DOCTYPE HTML>
<html>
<style>text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>Text-shadow Effect!</h1>
<p><b>note:</b> Internet Explorer 9 and earlier versions , does not support the text-shadow property.</p>
</body>
</html>O problema é que no arquivo salvo no servidor, o documento não abre a propriedade text-shadow, no IE que é o navegador padrão da companhia, para testes tentei nos outros e funcionou. já para o arquivo no C: ele abre em todos essa propriedade, que é do HTML5.
Pretendo colocar CSS3 em toda a nossa intranet mas quero ter certeza que vai funcionar no IE.
O que não faço ideia e se tem algum lugar no IIS que define que os documentos da minha web serão em HTML5, ou se é algo no navegador Internet Explorer (IE) ou o que é necessário ajustar.
Não sei se estou sendo claro. me parece algo ridículo, mas não sei como fazer funcionar.
Obrigado pela Atenção.
Abraço.
vai ter que usar um CSS hack para o IE
Cara, o IE é o seu problema! O nosso na verdade!
Nas versões 9 e 10 ele não interpreta os códigos em HTML5 e CSS3 em sua maioria!
Tem vários efeitos que você vai reproduzir em todos os navegadores menos nele! Segue um outro exemplo pra vc testar:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
@charset "utf-8";#reflexo
{
text-shadow: rgba(0,0,0,0.5) 0 0px 0px;
background:
-webkit-gradient(linear, left top, left bottom,
from(rgba(200,200,240,1)), to(rgba(0,0,0,1)));
border-radius:10px;
-webkit-box-reflect:below 0px
-webkit-gradient(linear,left top,left bottom,
from(transparent), to(rgba(255,255,255,0.9)));
padding:100px;
font-size:50px;
color:white;
/*font-family: 'Knewave', cursive;
font-family: 'Nosifer', cursive;
font-family: 'Just Another Hand', cursive;
font-family: 'Codystar', cursive;
font-family: 'Patrick Hand SC', cursive;*/
font-family: 'Frijole', cursive;
/*font-family: 'Calligraffitti', cursive;
font-family: 'Julius Sans One', sans-serif;
font-family: 'Geo', sans-serif;
font-family: 'Amatic SC', cursive;
font-family: 'Mrs Sheppards', cursive;*/
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<link rel="stylesheet" type="text/css" href="Style.css"/>
<link href='[http://fonts.googleapis.com/css?family=Knewave|Nosifer|Just+Another+Hand|Codystar|Patrick+Hand+SC|Frijole|Calligraffitti|Julius+Sans+One|Geo|Amatic+SC|Mrs+Sheppards'](http://fonts.googleapis.com/css?family=Knewave%7CNosifer%7CJust+Another+Hand%7CCodystar%7CPatrick+Hand+SC%7CFrijole%7CCalligraffitti%7CJulius+Sans+One%7CGeo%7CAmatic+SC%7CMrs+Sheppards) rel='stylesheet' type='text/css'>
</head>
<body>
<div id="reflexo">
Teste
</div>
</body>
</html>É um atraso de vida!
infelizmente o IE não tem total compatibilidade com algumas tags HTML5
<style type="text/css">
label.ie {
display: none;
}
/* This works for IE 9, 10 & 11 */
@media screen and (min-width:0\0) {
label.ie {
font-weight: bold;
text-decoration: underline;
display: inline;
}
}
</style>Fala galera,
enfim, consegui resolver meu problema. foi da seguinte maneira.
precisei colocar no meu fontes a tag:
<meta http-equiv.="X-UA-compatilble" Content="IE=Edge">
vou colocar no fonte de referencia para que todas as paginas assumam esse padrão.
segue abaixo o link de onde consegui a explicação, é em inglês mas creio que isso não seja problema.
http://jwcooney.com/2013/11/19/asp-net-doesnt-detect-ie11/
Abraços,
Amigo, desculpe mais nao entendi muito bem o que deseja fazer ? nos detalhe um pouquinho mais...
E todas as tags HTML 5 trabalham normalmente com o ASP. E veja se os caminhos estão corretamente setados, pois se abre no localhost, tem que abrir no server.