span

jiri.free
Implicitne nič neformátuje. Jeho sila spočíva v CSS, kde ho naštýluješ podľa priania. Tento element je obdobný DIVu s rozdielom, že je inline.

Viac: http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#edef -SPAN

že je to řádkový tag, ale jakou má funkci

Keď chceš v riadku v texte niečo zvýrazniť <span>použiješ</span>... napríklad.

bojars
"Keď chceš v riadku v texte niečo zvýrazniť <span>použiješ</span>... napríklad."
Když chceš v řádku něco zvýraznit, měl bys použít <em> nebo <strong>.

Span je neutrální element, který nenese žádnou sémantickou hodnotu a používá se výhradně jako prostředek k lepšímu stylování. Typický příklad třeba nahrazení textu obrázkem. Je to také řádkový prvek, tudíž by neměl obsahovat blokové prvky, od toho je tady zase <div>.

bojars
"Keď chceš v riadku v texte niečo zvýrazniť <span>použiješ</span>... napríklad."
Samo o sebe to nič nespôsobí, musel by si to samozrejme naštýlovať (nie každému to musí byť hneď jasné, preto to píšem). Ale ak chceš "v texte niečo zvýrazniť", nepoužiješ <span>, ale niektorý zo sémantickejších elementov, napríklad <em> alebo <strong>.

Nemá žádnou funkci, je to tag bez výzamu. V CSS si můžeš nadefinovat, jak bude vypadat. Byl vytvořen, protože se muselo nějak naformátovat text. Nebyl žádný tag bez významu, každý měl nějakou chybu. Když jsi třeba potřeboval udělat kus textu červený, nešlo to. Proto byly spolu s CSS zavedeny tagy span a div. Div je úplně stejný jako span, ale zalamuje před sebou řádek. To se dá v CSS předělat pomocí vlastnosti display:block/in-line. In-line řádky nezalamujed, je to tedy něco jako span. Block řádky zalamuje.

Více na www.jakpsatweb.cz/div-span.html - DIV a SPAN
a na www.jakpsatweb.cz/css/display.html - DISPLAY

Timy
4 sekundy :-). Podľa mňa sa naše príspevky na servri stretli, ale môj bol zdvorilý a otvoril Tvojmu príspevku dvere a pustil ho dnu skôr. :-)

Jozob, Timy, Bojars

Tak jste byli rychlejší...

Fnesveda
Block elementy nemusia vždy zalamovať riadky.

Fnesveda
"Nebyl žádný tag bez významu, každý měl nějakou chybu. Když jsi třeba potřeboval udělat kus textu červený, nešlo to."
Ale šlo a stále jde. Co element <font>?

jozob
Koukám, že gentlemani ještě nevymřeli ;-).

...nepoužiješ <span>, ale niektorý zo sémantickejších elementov, napríklad <em> alebo <strong>...

Ja zase nikdy nepoužívam <em> a <strong>, ale vytvorím si triedy a použijem ich v span-och na zvýraznenie písma (bold, farebné, iný typ písma, väčšie prvé písmeno... atď.). Asi to robím tak preto, lebo je to riadkový element, alebo ak chceš bezvýznamný element, takisto ako <div> na rozdiel od ktorého sa mi za ním nezalomí riadok... imho <div> sa správa ako blok teda je blokový element... ak to nezmeníš atribútom:

display: block; resp. display: inline;

bojars
www.semantika.name

Uff... tu je teda nával... radšej idem.

:-\

bojars
Ak budeš dodržovať sémantiku, nebude to len pre Tvoj dobrý pocit.

bojars
"Ja zase nikdy nepoužívam <em> a <strong>, ale vytvorím si triedy a použijem ich v span-och na zvýraznenie písma"
Kdybys používal <strong> a <em> bylo by to jednodušší, nemusel bys vytvářet zbytečné třídy a přestylovat si je můžeš také jak chceš. V případě, že bys chtěl třeba tři různá zvýraznění, můžeš (až teď) zapojit třídy nebo použít <b> a <i>. Nemluvím o tom, že zápis pomocí <strong> a <em> jé sémantičtější a zobrazí se správně i při vypnutých stylech, tj. textové prohlížeče apod. A řádkové elementy jsou to taky ;-).

update:
jozob
Tentokrát jsem byl za gentlemana já :-)

jiri.free
"takže obecně lze říct, že pomocí <span> můžu upravovat řádek s použitím dalších atributů, je to tak"
S použitím kaskádových stylů, span žádné konkrétnější atributy nemá, pouze obecné (id, class, style, lang apod.)

CSS:
.cerveny_velky {
color: red;
font: bold 120%;
}

HTML:

<p>Keď budem mať raz pocit, že niektoré slová by mali byť <span class="cerveny_velky ">väčším červeným písmom</span>, tak to môžem urobiť aj takto.</p>

jiri.free
"a čím teda definuju span?"
Moc nerozumím otázce... Takže konkrétní příklad:

máš HTML:

<span class="tag">&lt;html&gt;</span>

a k tomu CSS:

<style>
.tag{color:red}
</style>

Nebo můžeš pomocí span měnit třeba jazyk:

A on náhle zaklel: "<span lang="en">shit</span>!"

jiri.free
To znamená, že část textu ohraničená <span> bude odshora (relativně) posunuta o jeden pixel.

Třeba lze schovat text pod stránku, nebo naopak...
<span style="position: absolute; z-index: -1; top: 0px;">Hele, kde to je!!!</span>

Span je výhodné používat u změněného rozdílného textu např.

css:
.mono { font-family: monospace; background: blue; font-size: 115%; } - text zvýrazněný modrým pozadím...

html:
<span class="mono">cotojatka.zip</span> - zápis html...

jiri.free
proč píšeš maturitní práci o něčem, čemu ani za mák nerozumíš?

jiri.free
Radši někomu řekni, ať ti to napíše, jinak z toho vyleze nejspíš něco... zajímavého.

"to já vím, ale potřebuju vědět, co to je jestliatribut či něco jiného"
<span> je značka
<span>obsah</span> je element, to už jsem někde vysvětloval
<span class="tag"> je atribut

span {position:relative; top:1px} je CSS definice pozicování každého tagu span na stránce

proč píšeš maturitní práci o něčem, čemu ani za mák nerozumíš?

Paradox je na tom všetkom aj to, že sa spýta, miesto toho, aby si to prečítal:

http://www.jakpsatweb.cz/css/

Nepotrebujem to vedieť presne, ale keď si na tejto stránke prečítam že:

Přehled CSS vlastností a hodnot

Tak si poviem, že:

position je vlastnosť (atribút)

relative je hodnota

http://www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html#pozic ovani