Características ocultas / Propriedades / Atributo / Tags de CSS3 e HTML [fechado]

Question

Em CSS e HTML mundo há sempre apresenta ( Propriedades / Atributo / Tags ) que seria útil em cenários de franja, mas por essa mesma razão a maioria das pessoas não os conhecem. Estou pedindo para os recursos que não são normalmente ensinadas pelos livros de texto sobre CSS, CSS3 e HTML5.

O que são os que você sabe?

[UPDATE] Quais navegadores adotar HTML tags e elemento CSS3? E posso retransmitir sobre esta nova tecnologia (HTML5) para o meu negócio?

Answer 1

Para mim, uma área de HTML e CSS que a maioria das pessoas não descobrir é o suporte de internacionalização extenso, com elementos HTML como <ruby>, atributos como hreflang="" e CSS como {list-style-type: cjk-ideographic;}. É certo que, enquanto eu usei todos estes, a grande maioria das pessoas não vai precisar.

Para responder à sua segunda (woops, atualizado) pergunta, navegadores estão implementando diferentes partes das especificações HTML5 e CSS3, e em taxas diferentes. navegadores geralmente Webkit (Safari, Mobile Safari, Crome) e Firefox estão a implementar o mais rápido, o Opera está fazendo um bom trabalho, e Internet Explorer está bêbado no canto. @ Resposta de Kobi tem alguns links para que os navegadores suportam o.

Em relação quando você pode contar com essas novas especificações para um site de negócios, que depende inteiramente de seus usuários e que navegadores que usam. Se seu site tem como alvo os usuários do iPhone você pode usar um monte já. No entanto, esta não é a melhor maneira de pensar sobre o assunto. A maioria das propriedades CSS3 que foram implementadas, tais como cantos arredondados, sombras e gradientes CSS, na verdade degradar realmente muito bem para que você possa usá-los para recompensar os usuários com bons navegadores agora. Esta ideia é chamado de melhoria progressiva.

Como para HTML5, que é de 90% HTML4 com tratamento de erros definido, então a mudança para HTML5 é tão fácil como mudar seus doctype-quaisquer outras alterações necessárias. Se você não usar os novos elementos semânticos, em seguida, o IE tem nenhum problema com HTML5. Os benefícios dos doctype HTML5 são uma muito melhor especificação para referir-se, dois validadores com mensagens de erro mais informativas (acho @Marius significa HTML5 formas validação), ea capacidade de papéis uso ARIA. Eu escrevi um artigo sobre mudando de HTML4 / XHTML1 para HTML5 , e cobrir o benefícios em fazê-lo.

HTH

Answer 2

A maioria dos frescos novos recursos do CSS3 e HTML5 ainda não estão implementadas. Isso inclui coisas como:

• CSS3 Modelo de Layout
• CSS3 attr por exemplo: [src] {content: attr ( src, url); irá substituir o conteúdo de qualquer item com o conteúdo da url no atributo fonte.
• HTML5 validador

Answer 3

nota lateral http://code.google.com / p / ie7-js / lhe dará uma capacidade de ajuda do navegador ou seja, css apoio atributos que outros navegadores fazer, puro tem seus próprios lados para baixo, mas ainda muito elegante

e agora, eu não dependem fortemente as tecnologias futuras, pelo menos por mais um ano, ano e meio, mas o seu chegando lá. Como um desenvolvedor de boa prática para testar as capacidades dessas tecnologias no local a base site. Mas, novamente de um modo geral não há nada lá fora, que é como uma adição incrível ou mudança que apenas uma obrigação para incorporar.

Pela maneira que você quer dizer com características típicas nenhum? nenhum características típicas são utilizados no local de base local, dependendo de suas necessidades.

Por exemplo a maioria dos blogs, fóruns, lojas online, sites pessoais são mantidos em reino de características mínimas que são muito bem estabelecidas. esses recursos estão bem documentados e amplamente testados e utilizados. padrão de algum tipo.

Answer 4

• Suporte Cross Browser do modo Quirks - você pode navegar para o recurso que você gosta, ele fica muito detalhado.
• Quando posso usar - uma tabela interativa que mostra quando recursos são (e serão) pronto para uso público. Há também uma opção útil para aceitar substituições JavaScript, como <Canvas> para o IE6.