spacji - Kurs HTML i CSS
CSS dla zielonych / Klasy selektorów CSS <div class>...tylko w arkuszu stylów. Należy jednak pamiętać, że pomiędzy znakiem kropki a nazwą klasy w selektorze nie może być żadnych białych znaków - nawet spacji. W samej nazwie klasy najlepiej używać wyłącznie małych liter bez polskich znaków diakrytycznych. Nazwa klasy nie może również zawierać spacji - zamiast niej możesz użyć np. znaku myślnika. Co ważne, nawet jeśli ustaliliśmy kolor tła oraz tekstu na całej stronie, menu nawigacyjne nadal może mieć swoje własne kolory. Deklaracje wyglądu...
Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów...<dd><a href="...">Dokument 2</a></dd> <dd><a href="...">Dokument 3</a></dd> </dl> Zwracam uwagę, że w nawiasie nie może być żadnych spacji - nawet po znaku przecinka! Jeśli w nazwie plików z kolekcji znajduje się spacja, należy ją zastąpić przez: %20. Podobnie znaki przecinka, znajdujące się w nazwach plików, należy zastąpić przez %2C, nawias otwierający - %28, nawias zamykający - %29. Wyrażenia regularne Występują sytuacje, kiedy dokumentów w kolekcji może być bardzo dużo...
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...którego można się odnosić). UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków specjalnych, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Jeśli nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytają się (nawet jeśli na Twoim komputerze wszystko jest w porządku)! W dalszych punktach na tej stronie zostanie zamieszczony...
- HTML dla zielonych / Koniec linii HTML <br>
...ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a to jest druga linia. w przeglądarce pojawi się: To jest pierwsza linia... a to jest druga linia. Linia zostanie zakończona automatycznie tylko wtedy, gdy podany tekst będzie zbyt długi, aby zmieścić się w jednym wierszu. Jeśli...
- Tekst HTML / Tekst preformatowany <pre>
...w odpowiednich miejscach wstawić znaczniki WBR. Przykład <pre> Ten tekst jest preformatowny dlatego możemy używać tabulatora, dodatkowych spacji oraz znaków końca linii.
- Tekst HTML / Adres <address>
...Nie należy stosować tego elementu do tworzenia listy adresów w formie książki adresowej. Blok taki nie uwzględnia tabulatorów, dodatkowych spacji ani znaków końca linii. W przeglądarkach najczęściej jest automatycznie napisany czcionką pochyłą. Przykład <address> Autor: Jan Kowalski jan.kowalski@example.com
- Czcionki CSS / Czcionki osadzone @font-face
...czcionki zawiera spację, w adresie arkusza musi być ona zastąpiona znakiem plusa. Natomiast już wewnętrznym arkuszu CSS wstawiamy normalnie znak spacji. Oczywiście jako wartość atrybutu font-family powinny zostać podane po przecinku standardowo dostępne w systemach operacyjnych rodzaje czcionek, a na samym końcu nazwa rodziny ogólnej [zobacz rozdział: Rodzaj czcionki] - podobne wyglądem do czcionki osadzonej. Dzięki temu, jeżeli przeglądarka użytkownika nie będzie obsługiwała mechanizmu...
- Menu w CSS / Poziome menu
...szerokości pozycji listy Odstępy między odnośnikami zależą od rodzaju i rozmiaru czcionki, a przy tym nie mogą być mniejsze niż szerokość jednej spacji Ustawiając wyświetlanie w bloku (block) oraz oblewanie (float) dla pozycji listy: ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { float: left; } Efekt: Czcionki Tekst Tło Marginesy Obramowanie W tym przypadku blokada zawijania tekstu nie jest konieczna, ponieważ nastąpi to zawsze pomiędzy...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...po kliknięciu w odsyłacz może być również użycie niedozwolonych znaków w nazwie pliku podstrony - np. polskich znaków diakrytycznych albo znaku spacji. Zaleca się także nie używać wielkich liter. Natomiast jeśli odsyłacz w ogóle się nie klika, powodem może być błąd literowy w nazwie znacznika albo atrybutu - poprawnie powinno być np.: <a href="podstrona.html">...</a>.
- HTML5 / Możliwy koniec linii <wbr>
...wewnątrz znacznika PRE, gdy zablokujemy zawijanie tekstu przy pomocy CSS albo gdy w długiej linijce nie umieścimy żadnego białego znaku (np. spacji) ani innego, po którym normalnie może nastąpić przełamanie wiersza. Znacznik WBR daje przeglądarce możliwość przełamania wiersza w tym miejscu, jeśli tekst nie zmieści się w założonej szerokość. Od znacznika BR różni się tym, że nie wymusza przełamania wiersza, jeśli nie ma takiej potrzeby. Po co zatem w ogóle blokować zawijanie linijek...