identyfikator - Kurs HTML i CSS
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>(interpretuje: Firefox 125, Opera 100, Chrome 114) Wersja podstawowa z przyciskiem zaawansowanym: <element id="identyfikator" popover> ... <button type="button" popovertarget="identyfikator" popovertargetaction="hide">Zamknij</button> </element> <button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button> Wersja rozszerzona z przyciskiem zaawansowanym: <element id="identyfikator" popover="tryb">...</element> <button type="button" popovertarget="identyfikator...
Selektory specjalne CSS / Selektor identyfikatora <... id>selektor#identyfikator { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Identyfikator to wartość atrybutu id="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako identyfikator należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...
- HTML5 / Autouzupełnianie <datalist>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 20) <input list="identyfikator"> <datalist id="identyfikator"> <option value="wartość1"> <option value="wartość2"> ... </datalist> Większość przeglądarek posiada funkcję tzw. autouzupełniania elementów formularzy. Jeżeli użytkownik wpisze coś w formularzu, a potem go wyśle, to kiedy będzie następnym razem wypełniał ten sam formularz, przeglądarka wyświetli mu podpowiedzi w postaci wartości, które wcześniej wpisywał w...
- Formularze HTML / Pole wyboru <input "checkbox">
...Jeśli zamierzasz wykorzystać formularz w skrypcie po stronie klienta (np. JavaScript), każde pole tego typu powinno posiadać dodatkowo unikalny identyfikator (atrybut id="..."). Żadne dwa elementy w dokumencie nie mogą mieć takiego samego identyfikatora, nawet pola dotyczące tego samego pytania. W skrypcie należy posługiwać się tymi właśnie identyfikatorami a nie nazwami. Jeżeli wysyłasz formularz do skryptu po stronie serwera (np. PHP lub CGI), może to wymagać nadania innej nazwy...
Migotanie...id + '","' + kolor2 + '",' + czas2 + ',"' + kolor + '",' + czas + ')', czas); } </script> a następnie w wybranym miejscu strony: <div id="identyfikator">Migotanie</div> <script> flash("identyfikator", "kolor1", czas1, "kolor2", czas2); </script> przy czym wyróżnione wyrazy oznaczają: identyfikator Dowolny wyraz składający się tylko z liter (najlepiej bez polskich znaków), cyfr (ale nie na początku!) lub znaków podkreślnika "_". Pamiętaj, że absolutnie nie może on zawierać...
- HTML5 / Napisy do filmów <track>
...osób w dialogu: ::cue(v[voice="nauczyciel"]) { font-style: italic; } W pliku *.vtt bezpośrednio przed wybranym blokiem napisów możesz podać identyfikator: WEBVTT identyfikator 00:00:01.000 --> 00:00:05.000 Ten napis posiada przypisany identyfikator. Można się nim potem posłużyć, aby zmienić wygląd całego takiego bloku: ::cue(#identyfikator) { color: red; }
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...już tylko umieścić wywołanie skryptu: <script> new Menu('menu0'); </script> ...i to wszystko 🙂. Zwróć tylko jeszcze uwagę na wyróżniony identyfikator menu0 w dwóch ostatnich fragmentach kodu: musi być on w obu miejscach identyczny! Dodatkowo w jednym dokumencie nie mogą istnieć dwa bloki menu o takich samych identyfikatorach. Jeśli chcesz osadzić w jednym dokumencie kilka różnych menu tego typu, postępuj następująco: Wstaw w nagłówku pliku jeden raz kod: <script...
- Selektory pseudoklas CSS / Szczegółowość selektorów
...znajdujących się w tym samym arkuszu CSS. Panuje tutaj dość intuicyjna zasada mówiąca, że bardziej szczegółowe selektory są ważniejsze. Selektory identyfikatora mają pierwszeństwo przed innymi, nawet jeśli znajdują się na początku arkusza CSS. Im więcej identyfikatorów zawiera selektor, tym jest bardziej szczegółowy, a więc ważniejszy. Przykład Tekst przedstawionego poniżej akapitu będzie czerwony (red): <div id="kontener"> <p id="identyfikator">...</p> </div> div#kontener...
- Komendy HTML 4.01 / Wykaz atrybutów
...Niedostępny enctype FORM Typ zawartości face BASEFONT, FONT Lista nazw czcionek rozdzielonych przecinkami for LABEL Dopasowuje identyfikator do elementu frame TABLE Które krawędzie tabeli wyświetlić frameborder FRAME, IFRAME Życzenie obramowania ramki headers TD, TH Lista identyfikatorów komórek nagłówkowych height APPLET (wymagany) Wysokość początkowa height IFRAME Wysokość ramki height IMG, OBJECT Wysokość height TD, TH Wysokość...