wyszukiwarka - Kurs HTML i CSS
HTML5 / Wyszukiwarka <search>...formularz wyszukiwania. Może to być na przykład: formularz wyszukiwania w aktualnym serwisie mechanizm filtrowania danych w bieżącym dokumencie wyszukiwarka w całym Internecie Elementem tym powinien być objęty tylko sam formularz, a nie wyniki wyszukiwania. Znacznik SEARCH nie tworzy samoczynnie wyszukiwarki, a jedynie wskazuje miejsce na stronie, gdzie się znajduje jej formularz. Do stworzenia wyszukiwarki można się posłużyć językiem takim jak PHP (wyszukiwarka), JavaScript...
Indeks, wyszukiwarka / WyszukiwarkaBardzo pomocne dla użytkowników może okazać się wstawienie formularza wyszukiwania na wszystkich stronach serwisu. Aby to zrobić, należy wstawić w nagłówku strony (<head>...</head>) odwołanie do pliku indeks.js: <script src="indeks.js"></script> Nie trzeba natomiast wstawiać odwołania do skryptu indeks_hasla.js, w którym znajduje się lista haseł. Następnie w wybranym miejscu strony wystarczy wkleić: <script> var indeks = new Indeks('indeks'); indeks.wstawWyszukiwarke('adres'); </script>...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...wynikach wyszukiwania nigdy nie będzie wyświetlany żaden podgląd zdjęć ze strony standard - podgląd zdjęć ze strony w domyślnym rozmiarze large - wyszukiwarka będzie mogła wyświetlić duży podgląd zdjęć ze strony (nawet pełnoekranowy) "max-video-preview:czas" - jeżeli na stronie są osadzone materiały wideo, w wynikach wyszukiwania może się wyświetlać ich podgląd. Za pomocą tej dyrektywy możemy określić maksymalny czas trwania (wyrażony w sekundach) filmu z tym podglądem. Podanie wartości...
- Wykaz skryptów / Pozostałe skrypty
...niej. Wyszukiwarka Wstawienie na własną stronę wyszukiwarki, która pozwala przeszukiwać cały Internet lub/i tylko Twój serwis. Indeks (skorowidz)/wyszukiwarka Automatyczny skorowidz tematyczny, pozwalający użytkownikowi błyskawicznie odszukać interesujący go temat. Ponadto sposób na wstawienie na stronę własnej wyszukiwarki. Rozwijane menu Rozwijane menu, zajmujące tylko jedną linijkę tekstu, z którego można wybierać strony do wczytania. Menu rozwijane/otwierane System wielopoziomowego...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...takie jak Google. Tekst który tutaj wpiszesz, pojawi się w wyszukiwarce po odnalezieniu przez nią Twojej strony. Jeśli nie wpiszesz tutaj nic, wyszukiwarka wyświetli najczęściej kilka pierwszych linijek, które znajdują się na stronie. Ciekawy, ale niezbyt długi opis może zachęcić internautów do odwiedzenia Twojego serwisu! Każda pojedyncza strona, która znajduje się w serwisie, powinna mieć swój własny opis, przedstawiający jej treść. Pomiędzy <title> oraz </title> (w miejsce tekstu: Tu...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...<link hreflang> należy wstawić wewnątrz istniejącego znacznika nagłówka dokumentu, a nie dodawać kolejnego. Ze znacznika <link hreflang> korzysta wyszukiwarka Google. Dzięki temu w wynikach może się pojawić wersja strony zgodna z językiem aktualnie ustawionym w przeglądarce użytkownika. W przypadku gdy strona zawiera alternatywne wersje językowe, zaleca się, aby umieścić na niej również odpowiedni znacznik <link hreflang> odnoszący się do bieżącej wersji językowej wskazujący na aktualny...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
Spis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...Oznaczenie strony kanonicznej nie jest obowiązkowe. Warto to jednak zrobić, jeśli w serwisie mamy zduplikowane dokumenty. W przeciwnym razie wyszukiwarka będzie się sama próbowała domyślić, która z wersji jest podstawowa - co nie zawsze może być zgodne z naszymi założeniami. Aby oznaczyć stronę kanoniczną, we wszystkich dokumentach z powtarzającą się treścią (z wyjątkiem strony, którą chcemy wskazać jako wersję podstawową), trzeba wstawić w nagłówku dokumentu - czyli w dowolnym miejscu...
- Nagłówek i treść HTML / Strona mobilna <link media>
...wypadek gdyby użytkownik przypadkowo trafił na stronę przeznaczoną dla tradycyjnych komputerów z dużym ekranem. Ze znacznika <link media> korzysta wyszukiwarka Google. Dzięki temu w wynikach może się pojawić wersja strony odpowiednia dla urządzenia, z którego w danej chwili korzysta użytkownik. Przykład <link media> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/"> Pytania i odpowiedzi <link media> Co to jest mobilna wersja strony...