10 fajnych rzeczy HTML może zrobić
W tej chwili jest łącznie 142 elementy HTML znormalizowany przez W3C z wyłączeniem tych w początkowych fazach normalizacji i tych, które stały się przestarzałe. To powiedziawszy, można przegapić lub zapomnieć kilka z nich, które mogą być przydatne w razie potrzeby.
Wcześniej zrobiliśmy podsumowanie kilku najlepszych sztuczek CSS, które możesz przeoczyć. Ten post przypomni Ci niektóre znaczniki HTML, których nie znałeś, których możesz użyć do zaimplementowania takich funkcji, jak:
1. Obrazy mapy
HTML elementy mogą być używane do tworzenia map obrazów. Mapy obrazów są to w zasadzie obrazy z klikalnymi obszarami, które mogą być hiperłącze do innej strony internetowej lub innych części tego samego dokumentu. Możesz określić, które obszary obrazu można klikać, po prostu wymieniając odpowiednie współrzędne X Y tych punktów w
elementy zagnieżdżone w środku
.
Uwaga: Klikalnych obszarów nie można stylizować za pomocą CSS, więc jeśli chcesz, aby te znaczniki były stylizowane, użyj prostego oprogramowania do edycji obrazów, aby narysować znaczniki.
Wskazówka: Jeśli chcesz poznać współrzędne punktu w obrazie, otwórz obraz w oprogramowaniu do edycji obrazów i przesuń kursor do tego punktu, powinieneś być w stanie zobaczyć jego współrzędne w samym oprogramowaniu. Dla GIMP jest pokazany po lewej stronie dolnego paska.
2. Wprowadź sugestie
Posługiwać się aby dostarczyć listę odpowiednich sugestii, które pojawiają się podczas wpisywania wartości wejściowej.
3. Zaznacz tekst
Podświetlony tekst ma zwykle ciemny kolor tekstu z jasnym tłem. Efekt podświetlonego tekstu można osiągnąć za pomocą samych znaczników. Dowolny tekst w środku przyniesie taki efekt.
Możesz dostosować podświetlony kolor z kolor tła
Właściwość CSS i kolor tekstu z
kolor
własność.
4. Zdefiniuj szablony
Wraz z HTML5 pojawił się nowy element. The
element zawiera w sobie znaczniki, które nie są renderowane przez przeglądarki, do których należy dołączony znacznik generuj dynamiczną zawartość na stronie używając JavaScript.
Załóżmy na przykład, że masz Dokładny druk odnosi się do tekstu dokumentu, który jest zazwyczaj drukowany w bardzo małym rozmiarze, zawierającym informacje takie jak warunki, warunki, ograniczenia, cytaty, prawa itp. The Uwaga: Wszystkie względne adresy URL na stronie zostaną skierowane na podstawie podstawowego adresu URL, jeśli masz jakiekolwiek łącze z inną domeną, nie zapomnij przypisać do niego pełnego adresu URL. Elastyczne tworzenie stron internetowych jest w modzie z coraz większym dostępem mobilnym. Obrazy można przełączać dla różnych rozmiarów ekranu za pomocą znaczników. The Uwaga: Obecnie działa tylko w Chrome. Musisz ustawić HTML5 wprowadził wiele nowych elementów typu wejścia; element wejściowy koloru jest jednym z nich. Pozwala wybrać kolor na stronie internetowej za pomocą selektora kolorów. Jeśli masz wiele opcji na liście rozwijanej i chcesz pokazać je pogrupowane, Znacznik wewnątrz gdzie wiersze mają być dodawane dynamicznie, możesz po prostu umieścić znacznik pustego wiersza tej tabeli wewnątrz
tag i, gdy jest to konieczne, wywołaj funkcję JavaScript zawierającą skrypt, aby skopiować znaczniki z tagów szablonu i dodać je do znacznika tabeli. To nie jest obsługiwane przez IE.
5. Wydruk dokładny
znacznik w HTML może być używany do wyświetlania drobnych odbitek. Począwszy od HTML5
tag nie tylko pokazuje tekst w stylu drobnego druku, ale także semantycznie definiuje go tak samo, jak zastrzeżenia prawne i zastrzeżenia.
6. Przypisz podstawowy adres URL
Element HTML jest bardzo przydatny, gdy w dokumencie znajduje się wiele łączy z tymi samymi adresami URL domen, umożliwia dodanie podstawowego dokumentu do dokumentu, co z kolei pozwala na dodanie tylko względnych adresów URL do innych linków na stronie w razie potrzeby.7. Elastyczne obrazy
Element HTML5 umożliwia dodawanie różnych źródeł obrazu dla różnych mediów dla obrazu wewnątrz.
dom.image.picture.enable
do prawdziwe
w about: config
w Firefoksie.8. Próbnik kolorów
9. Opcje grupowe
element wykona zadanie. Możesz także stylizować grupy za pomocą CSS.
10. The
element
jest renderowany przez przeglądarkę tylko wtedy, gdy skrypt jest wyłączony. Ten tag jest przydatny do informowania użytkowników o wyłączeniu skryptu w ich przeglądarce oraz do zapewnienia alternatywnego mechanizmu awaryjnego dla składników na stronach internetowych, które przestaną działać bez JavaScript.
Teraz przeczytaj: 15 przydatnych trików CSS, które możesz przeoczyć