atrybut - Kurs HTML i CSS
Definicje / Podstawowe pojęcia CSSPoniżej zostały podane podstawowe definicje dotyczące stylów CSS. Jeśli nie zrozumiesz niektórych, nie przerażaj się, nie wszystkie one są absolutnie konieczne do swobodnego posługiwania się stylami. Jednak przeczytanie ich, pozwoli Ci chociaż zaznajomić się z podstawowymi terminami. Zapoznaj się zwłaszcza z następującymi definicjami: Element Element zastępowany Atrybut Drzewo dokumentu - szczególnie ważne Dziecko Potomek Przodek Brat Źródło: Cascading Style Sheets, Level 2
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...to element html a nie body staje się "pojemnikiem" dla elementów pozycjonowanych, które nie mają wypozycjonowanego rodzica. W trybie Quirks atrybut scroll="yes|no|auto" oraz własności CSS overflow, overflow-x i overflow-y stosuje się do selektora body, natomiast w trybie zgodności do selektora html. W trybie zgodności elementy html oraz body mogą mieć osobne marinesy i tła. W MSIE 6 została dodana obsługa własności min-height oraz wartości pre dla word-spacing. Ponadto wartość...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...przy stylizacji za pomocą CSS. Musimy jednak w jakiś sposób odróżnić np. blok treści strony od bloku stopki. W tym celu użyliśmy identyfikatorów (atrybuty id="..."), ponieważ wiemy, że w jednym pliku na pewno nie pojawią się np. dwa bloki treści ani podwójna stopka. Jeśli będziemy chcieć wstawić w dokumencie blok, który może się powtórzyć w obrębie tego samego pliku, zamiast identyfikatorów należy użyć klasy (atrybut class="..."). Wielkie litery w identyfikatorach poszczególnych bloków...
Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">...kanałów informacyjnych na jednej stronie - wystarczy wstawić kolejno kilka takich znaczników. W takim przypadku każdy powinien mieć inny tytuł (atrybut title="..."), ponieważ inaczej użytkownik nie będzie mógł rozróżnić, co chciałby subskrybować. Przykład <link "rss"> <link rel="alternate" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" href="https://www.kurshtml.edu.pl/rss/rss.php?id=1" type="application/rss+xml">
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...w stosunku do wszystkich znaczników HTML (oprócz: <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>). UWAGA! W treści atrybutu title="..." nie należy używać znaków cudzysłowu. Jeśli musimy to zrobić, należy zamiast nich wpisywać: " Przykład <h4 title> Przykład Pytania i odpowiedzi <h1, h2, h3, h4, h5, h6> Jak zrobić tytuł w HTML? Aby tekst na stronie był czytelniejszy, dobrze jest podzielić go na sekcje tematyczne. W celu dodania głównego tytułu...
- Tekst HTML / Słownik <dl, dt, dd>
<dl> <dt>Pierwszy termin</dt><dd>Definicja pierwszego terminu</dd> <dt>Drugi termin</dt><dd>Definicja drugiego terminu</dd> <dt>Trzeci termin</dt><dd>Definicja trzeciego terminu</dd> </dl> wyświetlanie: w bloku Polecenie tworzy tzw. listę opisową, która jest przydatna, gdy piszemy słownik, w którym znajdują się pewne wyrazy i ich objaśnienia. Objaśnienia są zwykle przesunięte bardziej w prawo, dzięki czemu lista staje się czytelniejsza. (Zobacz także: Definicja). Zwracam uwagę, że w obrębie...
- Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>
...widzieć w wynikach wyszukiwania. Aby to zrobić wystarczy objąć taki fragment zawartości strony znacznikiem DIV, SPAN lub SECTION ze specjalnym atrybutem logicznym (bez wartości): data-nosnippet. Znaczniki DIV i SPAN różnią się między sobą sposobem wyświetlania. Natomiast SECTION jest nowym elementem wprowadzonym w HTML5. Zwracam uwagę, że wyszukiwarka Google obsługuje atrybut data-nosnippet wyłącznie w przypadku wymienionych elementów: DIV, SPAN, SECTION. Przypisanie go do innego...
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
...zareklamować. Aby uczynić takie linki nieistotnymi dla robota wyszukiwarki Google, należy dopisać do wszystkich odsyłaczy np. z komentarzy dodatkowy atrybut rel="nofollow". Takie linki zostaną zignorowane przez robota wyszukiwarki Google, zatem być może zniechęci to spammera do umieszczania ich na naszej stronie, a nawet jeśli nie, to przynajmniej nie damy mu satysfakcji i nie przyczynimy się do nieuczciwego wypromowania kolejnej bezużytecznej strony 🙂 Przesłanką do użycia atrybutu...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y - czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki. Przykład <a href, img ismap> Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony, zobacz pasek adresu...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...nie być zbyt czytelne, ponieważ nie widać granic pomiędzy sąsiadującymi komórkami. Aby to zmienić, wystarczy do znacznika tabeli dodać odpowiedni atrybut: <table border="1">...</table>. Jak wycentrować tabelę? Szerokość tabeli dopasowuje się proporcjonalnie do zawartości jej komórek w taki sposób, aby rozciągnąć się tak bardzo, jak to będzie potrzebne, ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale...