Kurs HTML - style (definicje)







SPIS TREŚCI


Arkusz stylów  - 
Dokument źródłowy  - 
Język dokumentu  - 
Element  - 
Element zastępowalny  - 
Wewnętrzne rozmiary  - 
Atrybut  - 
Zawartość  - 
Zinterpretowana zawartość  - 
Drzewo dokumentu  - 
Dziecko  - 
Potomek  - 
Przodek  - 
Brat  - 
Poprzedzający element  - 
Następujący element  - 
Autor  - 
Użytkownik  - 
Pośrednik użytkownika


Definicje




Poniżej zostały podane podstawowe definicje dotyczące stylów.
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.





Arkusz stylów (style sheet)
Ustawienie instrukcji, które precyzują wygląd dokumentu. Arkusze stylów mogą
mieć trzy różne pochodzenia: autor, użytkownik
i pośrednik użytkownika.



Dokument źródłowy (source document)
Dokument do którego odnosi się jeden lub więcej arkuszy stylów.
Jest on zakodowany w określonym języku,
który reprezentuje dokument jako drzewo elementów.
Każdy element składa się z nazwy identyfikującej typ
elementu oraz opcjonalnie atrybutów i zawartości
(która może być pusta).



Język dokumentu (document language)
Język w którym jest zakodowane źródło dokumentu (np.: HTML lub XML).



Element (element)
Podstawowa składnia skonstruowana w dokumencie.
Większość reguł stylów
używa nazw tych elementów (takich jak P,
TABLE, OL dla HTML),
żeby sprecyzować ich wygląd.



Element zastępowalny (replaced element)
Element dla którego formater stylów
zna tylko wymiar wewnętrzny. W języku HTML
są to: IMG, INPUT,
TEXTAREA, SELECT,
OBJECT.
Na przykład zawartość elementu IMG jest zastępowana przez obrazek, wyznaczony
atrybutem src.



Wewnętrzne rozmiary (intrinsic dimensions)
Szerokość i wysokość które zostały zdefiniowane przez sam element,
nie narzucone przez otoczenie. W CSS2 jest założone,
że tylko elementy zastępowalne przychodzą z wewnętrznym rozmiarem.



Atrybut (attribute)
Wartość powiązana z elementem, składająca się z nazwy
i związanej wartości (tekstowej).



Zawartość (content)
Zawartość (treść) związana z elementem w
dokumencie źródłowym. Nie wszystkie
elementy mają treść - w takim wypadku są nazywane pustymi (empty). Zawartością elementu może
być tekst jak również pewna liczba podelementów, wtedy element nazywany jest
rodzicem (parent) tych podelementów.



Zinterpretowana zawartość (rendered content)
Zawartość elementu po zinterpretowaniu przez
związany arkusz stylów.
Zawartość zinterpretowana elementów zastępowalnych
przychodzi z zewnątrz dokumentu źródłowego.
Zawartością taką może być także alternatywny tekst dla elementu
(wartość atrybutu alt w składni HTML) czy pozycja wstawiona (domyślnie lub
poprzez ścisłe określenie) przez arkusz stylów (np. numerowanie).



Drzewo dokumentu (document tree)
Drzewo elementów zakodowanych w dokumencie źródłowym.
Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego (root).



Dziecko (child)
Dany element jest nazywany dzieckiem innego elementu,
jeżeli ten drugi element jest jego rodzicem.



Potomek (descendant)
Element jest potomkiem drugiego elementu,
jeżeli jest jego dzieckiem lub jego rodzic
jest jego dzieckiem.



Przodek (ancestor)
Element jest przodkiem drugiego elementu,
jeśli tylko ten drugi jest jego potomkiem.



Brat (sibling)
Element jest bratem drugiego, jeśli mają tego samego
rodzica. Może on być bratem poprzedzającym
- jeśli następuje wcześniej niż drugi w drzewie dokumentu,
lub następującym - gdy później.



Poprzedzający element (preceding element)
Element jest poprzedzający dla drugiego,
jeśli jest jego przodkiem lub bratem poprzedzającym.



Następujący element (following element)
Element jest następujący po drugim,
jeśli ten pierwszy jest jego elementem poprzedzającym.



Autor (author)
Autor jest osobą, która pisze dokumenty
i łączy arkusze stylów.
Narzędzie autorskie (authoring tool) generuje dokumenty i związane arkusze stylów.



Użytkownik (user)
Użytkownik jest osobą, która oddziałuje wzajemnie z pośrednikiem użytkownika
(user agent) w celu obejrzenia (usłyszenia) treści zawartej w dokumencie,
ewentualnie używa dokumentu i związanego arkusza stylów.
Użytkownik może dostarczyć osobisty arkusz stylów, który ma zakodowane jego osobiste preferencje.



Pośrednik użytkownika (user agent - UA)
Dowolny program, który interpretuje dokument
i stosuje związany arkusz stylów
zgodnie z określeniami specyfikacji. Pośrednik użytkownika może wyświetlać dokument,
czytać go na głos, spowodować jego wydrukowanie, przekształcić na inny format itd.


Źródło: Cascading Style Sheets, Level 2



Przykład:

Drzewo dokumentu
Po wpisaniu:
<HTML>
  <HEAD>
    <TITLE>...</TITLE>
  </HEAD>
  <BODY>
    <H5>...</H5>
    <P>...</P>
    <TABLE>
      <TR>
        <TD>...</TD>
        <TD>...</TD>
      </TR>
      <TR>
        <TD>...</TD>
        <TD>...</TD>
      </TR>
    </TABLE>
  </BODY>
</HTML>
Otrzymamy następujące drzewo dokumentu:

gdzie:

Element TABLE jest dzieckiem elementu BODY.
Element TABLE jest potomkiem elementu HTML oraz BODY.
Element TABLE jest rodzicem dwóch elementów TR.
Element TABLE jest przodkiem czterech elementów TD oraz dwóch TR.
Element TABLE jest bratem elementów H5 oraz P.
Elementy H5 oraz P są braćmi poprzedzającymi elementu TABLE.
Element TABLE jest bratem następującym elementów H5 oraz P.
Element TABLE jest elementem poprzedzającym elementu TR oraz TD.
Element TABLE jest elementem następującym elementu BODY oraz HTML.


Elementy leżące niżej w hierarchii drzewa dokumentu,
zawierają się wewnątrz znaczników nadrzędnych, np. znaczniki <BODY> oraz </BODY> muszą być umiejscowione
pomiędzy znacznikami <HTML> i </HTML>, które są nadrzędne dla wszystkich
innych (root).