Ukryte funkcje/Właściwości/Atrybuty/Tagi CSS3 i HTML

Question

W świecie CSS i HTML zawsze są dostępne funkcje (Właściwości/Atrybuty/tagi), które byłyby użyteczne w scenariuszach z marginesem, ale z tego właśnie powodu większość ludzi nie t znają je. Pytam o funkcje, których zazwyczaj nie uczą podręczniki o CSS, CSS3 i HTML5.

Co takiego znasz?

[AKTUALIZACJA] Które przeglądarki przyjmują znaczniki HTML i element CSS3? Czy mogę przekazać tę nową technologię (HTML5) dla mojej firmy?

Answer 1

Dla mnie jednym obszarem HTML i CSS, którego większość ludzi nie odkrywa, jest rozbudowana obsługa internacjonalizacji, z elementami HTML takimi jak <ruby>, atrybutami takimi jak hreflang="" i CSS jak {list-style-type: cjk-ideographic;}. Wprawdzie, mimo że wykorzystałem wszystkie te rzeczy, ogromna większość ludzi nigdy nie będzie tego potrzebować.

Aby odpowiedzieć na drugie pytanie (woops, updated), przeglądarki implementują różne części specyfikacji HTML5 i CSS3, a także w różnym tempie. Zwykle przeglądarki Webkit (Safari, Mobile Safari, Crome) i FireFox wdrażają się najszybciej, Opera wykonuje dobrą robotę, a Internet Explorer jest pijany w kącie. Odpowiedź @ Kobi ma kilka linków do tego, jakie przeglądarki obsługują.

Odnośnie tego, kiedy można polegać na tych nowych specyfikacjach dla witryny biznesowej, zależy to całkowicie od użytkowników i używanych przeglądarek. Jeśli Twoja witryna jest skierowana do użytkowników iPhone'a, możesz już wiele użyć. Jednak nie jest to najlepszy sposób myślenia o tym problemie. Większość zaimplementowanych właściwości CSS3, takich jak zaokrąglone rogi, cienie i gradienty CSS, naprawdę się pogarszają, dzięki czemu można z nich teraz korzystać w celu nagradzania użytkowników za pomocą dobrych przeglądarek. Ten pomysł nazywa się progresywnym ulepszeniem.

Jeśli chodzi o HTML5, jest to 90% HTML4 z określoną obsługą błędów, więc zmiana na HTML5 jest tak łatwa jak zmiana typu dokumentu - żadne inne wymagane zmiany. Jeśli nie używasz nowych elementów semantycznych, to IE nie ma problemu z HTML5. Korzyści z dokumentu w formacie HTML5 to znacznie lepsza specyfikacja, dwa walidatory z bardziej informacyjnymi komunikatami o błędach (myślę, że @Marius oznacza walidację HTML5 formularzy) oraz możliwość używania ról ARIA. Napisałem artykuł na temat changing from HTML4/XHTML1 to HTML5 i uwzględniłem w tym korzyści.

HTH

Answer 2

Większość nowych, fajnych funkcji CSS3 i HTML5 nie jest jeszcze zaimplementowanych. To dotyczy:

• CSS3 Template Layout
• CSS3 attr np [źródło] {zawartość: atr (SRC URL); zastąpi zawartość dowolnego elementu zawartością adresu URL w atrybucie źródłowym.
• HTML5 validator

Answer 3

• Cross Browser Support from Quirks Mode - można drążyć do funkcji chcesz, to staje się bardzo szczegółowe.
• When can I use - Interaktywna tabela pokazująca, kiedy funkcje są (i będą) gotowe do użytku publicznego. Istnieje również przydatna opcja akceptowania zastępstw JavaScript, takich jak <Canvas> dla IE6.

Answer 4

dygresjahttp://code.google.com/p/ie7-js/ daje możliwość pomocy przeglądarki IE do obsługi atrybutów CSS że inne przeglądarki zrobić, schludny ma swoje dół strony, ale nadal bardzo schludne

i teraz, nie będę ciężko polegać na nadchodzących technologiach, przynajmniej na kolejny rok, rok i pół, ale się tam dostać. Jako programista dobrą praktyką jest testowanie możliwości tych technologii na miejscu. Ale z drugiej strony, ogólnie rzecz biorąc, nie ma niczego, co byłoby tak niewiarygodnym dodatkiem lub zmianą, które trzeba koniecznie uwzględnić.

przy okazji, co masz na myśli przez żadne typowe cechy? żadne typowe funkcje nie są używane na miejscu, w zależności od twoich potrzeb.

Na przykład większość blogów, forów, sklepów internetowych, witryn osobistych jest przechowywanych w świecie minimalnych funkcji, które są bardzo dobrze ugruntowane. funkcje te są dobrze udokumentowane i szeroko przetestowane i wykorzystane. standard pewnego rodzaju.