« 1 2 »
Autor Zpráva
jiri.free
Profil *
potřebuju vysvětli span, na webu je napsaný že je to řádkový tag, ale jakou má funkci? dikec.
jozob
Profil
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
bojars
Profil
ž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.
Timy
Profil
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>.
jozob
Profil
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>.
Fnesveda
Profil
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
jozob
Profil
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. :-)
Fnesveda
Profil
Jozob, Timy, Bojars

Tak jste byli rychlejší...
jozob
Profil
Fnesveda
Block elementy nemusia vždy zalamovať riadky.
Timy
Profil
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 ;-).
bojars
Profil
...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;
jozob
Profil
bojars
www.semantika.name
bojars
Profil
Uff... tu je teda nával... radšej idem.

:-\
jozob
Profil
bojars
Ak budeš dodržovať sémantiku, nebude to len pre Tvoj dobrý pocit.
Timy
Profil
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
Profil *
takže obecně lze říct, že pomocí <span> můžu upravovat řádek s použitím dalších atributů, je to tak
jiri.free
Profil *
???????
Timy
Profil
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.)
jiri.free
Profil *
a čím teda definuju span?
bojars
Profil
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>
Timy
Profil
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
Profil *
mám tady jeden span- ten znamená co?, co je to to position, atribut nebo neco jinyho?

span {position:relative; top:1px}
RPG
Profil
jiri.free
To znamená, že část textu ohraničená <span> bude odshora (relativně) posunuta o jeden pixel.
jiri.free
Profil *
to já vím, ale potřebuju vědět, co to je jestliatribut či něco jiného
Peťa
Profil *
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...
Timy
Profil
jiri.free
proč píšeš maturitní práci o něčem, čemu ani za mák nerozumíš?
jiri.free
Profil *
za to já nemožu
tak jak to tedaje? hehe
Timy
Profil
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
PerToon
Profil
span {position:relative; top:1px} je CSS definice pozicování každého tagu span na stránce
bojars
Profil
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
« 1 2 »
Toto téma je uzamčeno. Odpověď nelze zaslat.