5 elementów HTML, których nie możesz wiedzieć
Znany, ale nieznany lub zupełnie nowy, zdarza się, że my przegap części składni HTML może to okazać się ważną wiedzą dobrze wykorzystany. Dlatego, czy to jest nowe funkcje HTML lub jego mniej znane zastosowania które nie dotarły jeszcze do twojego radaru, często pokrywają je na tej stronie.
W dzisiejszym poście zajmiemy się pięcioma elementami HTML, z których niektóre mogą być często używane, ale prawdopodobnie nie w pełni.
1.
The element ma podobną funkcję jak dane-* atrybuty. Można to wykorzystać udostępniać dane do odczytu maszynowego za treści przyjazne dla użytkownika. The wartość atrybut tego elementu niesie dodatkowe informacje.
Trzy tomy powieści Władca Pierścieni to: Drużyna pierścienia, Dwie wieże, i Powrót Króla.
ISBN książek wymienionych na tej stronie:
W powyższym kodzie HTML ISBN każdej książki jest dodane w wartość atrybut element który zawiera tytuł książki. Na rynku książek ISBN służy do jednoznacznej identyfikacji książki.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') Aby z grubsza pokazać, jak wyodrębnić wartości w JavaScript, powyższy skrypt wyodrębnia numery ISBN z etykietka i wyświetla je wraz z tytułami książek w wyznaczonym miejscu na stronie.
2.
Najprawdopodobniej znasz już element, jakkolwiek nie tylko dla pól wyboru. To może kontrolować inne etykietowalny elementy jak również, wykonując swoje czynności tak, jak wykonuje akcje pól wyboru.
Musisz tylko użyj tej samej wartości dla ID atrybut elementu HTML, który chcesz kontrolować, oraz element dla atrybut przynależności etykietka.
Kliknięcie tekstu będzie wywołać Kliknij wydarzenie i pokaż daną wiadomość ostrzegawczą.
3.
Ten element jest najczęściej używany w językach wschodnioazjatyckich, jednak to nie jest”t to jedyny przypadek użycia. Cel jest po prostu dodaj adnotację lub wymowę dla tekstów, i możesz to zrobić tylko z angielskimi treściami.
Element zawiera dwa główne podelementy, mianowicie . The przechowuje samą adnotację.
Osoba, która zakłada firmę lub firmy, podejmując ryzyko finansowe w nadziei na zysk, jest nazywana
przedsiębiorca ; promotor w branży rozrywkowej.
Wymowa “przedsiębiorca” dodaje się słowo używając element wewnątrz akapitu. Samo słowo jest zapakowane w .
Oto jak wygląda wyjście:
4.
The
Mogliście wiedzieć o zamówieniu, ale czy wiedzieliście o tym kolejność można odwrócić? Zamiast porządku rosnącego, zmniejszanie numeracji można również wykonać przez wywrócony atrybut.
- Bazgrać
- Mahjong
- Monopol
- Szachy
- Jenga
The wywrócony atrybut odwraca numerację, podczas, gdy rodzaj atrybut określa typ numeracji. Kapitał I oznacza numerację kapitału rzymskiego.
Tak to wygląda na ekranie:
5.
The element jest przeznaczony zawij termin zdefiniowany przez otaczający go tekst. Tekst załączony przez jest tag stylizowane przez przeglądarki z kursywą, co oznacza, że to określenie jest zdefiniowane.
Możesz dodać definicję terminu wewnątrz w wartości jego tytuł atrybut, który jest przydatny zdefiniuj słowa, które niekoniecznie są zdefiniowane przez otaczający je tekst.
The element działa podobnie do który wyświetla znaczenie skrótu podanego w tytuł atrybut, gdy użytkownik najedzie kursorem na element.
Jest dychotomia między projektem a prototypem.
To jest jego domyślna stylizacja przeglądarki, jednak w miejscu produkcji możesz użyć innego stylu:
Przesuwając kursor na zdefiniowane słowo, strona zostanie wyświetlona pokaż definicję dodaną w tytuł atrybut.
