Mostrar novo código HTML5 em vários navegadores

Quando você se concentra um projeto sobre o iPhone, iPod touch ou iPad, você tem a vantagem de saber que os visitantes vão estar usando o navegador web Safari. Ele é baseado no motor de layout WebKit, o que pode tornar CSS 3, bem como qualquer lata navegador desktop.

WebKit também é usado no Google Chrome. Assim, a maioria dos sites que parecem boas no Safari para o desktop também ficam bem no Chrome. (Tal como acontece com a maioria dos elementos de web design, no entanto, que você pode ver as exceções.)

A Apple criou o sistema operacional, iOS, que é executado no iPhone, iPad e iPod touch e em uma versão especial na Apple TV 2. Safari, navegador iOS o padrão, suporta quase toda a especificação CSS como descrito pelo World Wide Web Consortium (W3C), organização internacional aberto que desenvolve padrões web.

Liderados pelo inventor da web, Tim Berners-Lee, que reúne criadores do navegador, líderes e usuários para criar as especificações para os protocolos que definem a World Wide Web.

Semelhante ao HTML5, CSS 3 ainda está em desenvolvimento. A especificação não atingir o último estágio recomendação proposta, até 2022, de acordo com a linha do tempo do W3C. Mesmo se a especificação não pode ser final por muitos anos, os desenvolvedores do navegador normalmente implementar partes dos rascunhos de novas versões do HTML e CSS como eles atualizar seus navegadores.

Os desenvolvedores de aplicação partes de um projecto de trabalho referem a ele como experimental CSS e, geralmente, insira o nome do navegador na regra. É por isso que você vê múltiplas versões das mesmas regras de estilo, como você pode ver no exemplo vamos mostrar-lhe na próxima seção para criar cantos arredondados.

Muitos designers evitam usar CSS experimental, preferindo esperar até que sejam aprovadas as normas, ou pelo menos até que a maioria dos navegadores apoiá-los de forma consistente. Implementando CSS experimental é mais fácil quando todos os navegadores joga pelas mesmas regras, e isso pode levar a problemas se a especificação for alterada novamente mais tarde.

No entanto, CSS 3 oferece muitas novas características emocionantes e tão poucos efeitos colaterais negativos - se você projetar suas páginas cuidadosamente - que tem poucas razões para segurar. CSS degrada naturalmente em navegadores. (Se o navegador não suporta um estilo CSS, ele é ignorado.)

Suponha que nem todos os visitantes de seus sites podem estar usando Safari. Para criar CSS 3 estilos que funcionam no Firefox ou o Internet Explorer ou outro navegador, talvez seja necessário adicionar o código especial para esses navegadores.

menu