Wstęp do XHTML

background image

Wstęp do XHTML

background image
background image

Korzyści

Korzyści

• identyczny wygląd za pomocą jednego pliku

css

• przejrzystość dokumentu, jego warstwy
• ułatwienie dla robotów przeglądarki
• kod czysty robot nie ma problemu strona

zostanie zaindeksowana

• zmiana wyglądu np:nagłówka
• (zmiana w warstwie prezentacji w kodzie css)
• Jednak mimo wyłączenia warstwy prezentacji
• oprócz własnego kodu
• przeglądarka interpretuje na swój sposób

określone elementy strony

background image
background image

czym są znaczniki

• <p> przykładowa treść</p>

• Atrybuty znacznika

• <p id=„tresc” alt=„alternatywna

treść”>

przykładowa treść</p>

background image

• <p id=„tresc” alt=„alternatywna

treść”>

przykładowa treść

<img src=„obraz” />

</p>

background image

• <p id=„tresc” alt=„alternatywna

treść”>

przykładowa treść
<br />
<img src=„obraz” />

</p>

background image

Zasady konstrukcja

znaczników


• małe litery
• zamykać tagi
• kolejność tagów

Reguła tag otwarty jako ostatni zamykamy

jako pierwszy

<b><i> treść </i></b>

• zamkniemy w złej kolejności błąd

przeglądarki

background image

encja

• &lt;
• &gt;
• &quot;
• &amp;
• &copy;

background image
background image

W XHTML 1.0 istnieją trzy

wersje

DTD czyli definicje typu

dokumentu:

‘transitional’, ’strict’,

‘frameset’. Wersje te pozwalają

na poprawną walidację tzw.

sprawdzenie poprawności

dokumentu XHTML.

background image

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"
lang="pl">

background image

• title – ważny element struktury

strony

• krótki treściwy tytuł ; zawiera jak

najwięcej słów kluczowych

• spójny gramatycznie
• od 3 do max 7 fraz – potencjalnie

wpisywane przez klientów

• marka firmy lub odpowiednia fraza

• <title> moja firma -> tytuł podstrony

</title>

background image

• <head>

• <meta name="description" content="To jest

opis, który pojawi się w większości

wyszukiwarek pod tytułem strony" />

<meta name="Author" content=" [dane autora]

" />

• <meta name="keywords" content="Słowa

kluczowe, które większość przeglądarek

zignoruje" />

<meta name="Generator" content="kED" />
content type- robots

• <title>Tytuł, który pojawi się jako nagłówek w

wyszukiwarce</title>

• </head>

background image
background image

• <head>

<meta http-equiv="Content-type"

content="application/xhtml+xml; charset=iso-8859-2"

/>

• <meta http-equiv="content-type"

content="text/html;

charset=utf-8" />

• <meta http-equiv="content-language"

content="pl" />

• <link rel="stylesheet" href="css/style.css"

type="text/css" media="screen" />

• <link rel="alternate stylesheet" href="css/style1.css"

type="text/css" title="Styl dla osób z wadą wzroku" />

• <link rel="shortcut icon" type="image/ico"

href="gfx/favicon.ico" />

• </head>

background image
background image
background image

ikonka

• 16 x16


Document Outline


Wyszukiwarka

Podobne podstrony:
Wstęp do psychopatologii zaburzenia osobowosci materiały
Tajemnica ludzkiej psychiki wstep do psychologii
Wstęp do Kulturoznawstwa 6 7
Wstęp do informatyki z architekturą systemów kompuerowych, Wstęp
MTR 2009 Wstep do mechatr cz 3 (2)
recenzja filmu, pedagogika, semestr I, wstęp do pedagogiki, inne
Wstęp do teorii tłumaczeń 31.05.2010, moczulski
NORMATYWIZM PRAWNICZY, Sem. 1, Wstęp do prawoznawstwa
Przedmiot i metody historii sztuki, ODK, wstęp do historii sztuki
literaturoznawstwo - kolokwium p. Dębska-Kossakowska, Kulturoznawstwo UŚ, Semestr I, Wstęp do litera
test z przedmiotu wstep do nauki o panstwie i prawie (1), testy, wstęp
rozdział 10 Tożsamość indywidualna i zbiorowa, Wstęp do filozofii współczesnej A.Nogal
TEORIE WZROSTU GOSPODARCZEGO, Prawo, Wstęp do ekonomii i przedsiębiorczości, MAKROEKONOMIA
X Wykładnia prawa ćw, Politologia, Wstęp do nauki o państwie a prawie, Ćwiczenia

więcej podobnych podstron