Co znamená span v html. Hlavní textová značka - span

Jako webový vývojář se nemohu ubránit dojmu, že všechna tato doporučení jsou v roce 2015 neuvěřitelně zavádějící.

Jistě, značka "p" byla zamýšlena k použití jako odstavec v určitém okamžiku... ale ve 100 % mých aplikací, návrhů a běžného běžného vývoje jsme neviděli nic jiného než omezení vyplývající z Značka "p"... nenabízí na dnešním internetu žádnou výhodu.

Řekl bych, že ano, "p" je popisné az toho důvodu, kdyby se to všechno stalo; "něco popsat", budu pro to všechno... ale NEPOpisuje to pouze obsah, ale přímo nahrazuje obsah ALTERS, který, i když je sám o sobě omezený, není vše, co dělá, ale také OMEZUJE obsah obsah. Proč by někdo se zdravým rozumem cíleně pokrýval konečný stavební kámen, pokud jde o vývoj webu, je mimo mě. Z hlediska designu to nedává smysl. Ze strukturálního hlediska to nedává smysl. Z jakékoli manipulace DOM PERIODU to nedává smysl.

Kolektivně jsme přestali používat značku "p" kromě případů, kdy to absolutně musíme (jako jsou lisy klientského slovníku, podobné hlouposti). Neexistuje žádná omluva, proč nemůžeme téměř vše popsat dobře pojmenovanými třídami a identifikátory, takže nevidíme žádný důvod, proč se klanět „standardům“, které neposkytují žádnou výhodu, a vlastně POČÍTAT každý dílek skládačky, Tag „p “ nepomůže vývojáři, koncovému uživateli ani moderním vyhledávačům. Stručně řečeno... Značka „p“ je v i vzdáleně složitých implementacích téměř zastaralá (a z velmi dobrého důvodu), nenechte komentáře těch standardních nacistických ovládacích prvků zobrazovat váš obsah!

Dokonce i na tomto webu zaměřeném na vývojáře na něm má VELMI TOP jeho vlastní stránka malou popovou část, která by mohla používat značku „p“, protože obsahuje dostatek textu pro přechod na druhý řádek, ale je zcela zachycena v DIV (a jen div, ne div -> p) z téměř nekonečného množství důvodů... zaprvé, dnes "p" VYSÁVÁ ve srovnání s jakýmkoli dobře popsaným blokem vytvořeným z DIVu, který je také dobře popsaný (více ... říkám ) jako odstavec "p" s velmi popisným id = "blurb".

Ze Stackoverflow:

Stack Overflow je stránka s otázkami a odpověďmi pro profesionální a nadšené programátory. Je to 100% zdarma, není nutná žádná registrace.

mluvím s

a žít dlouho

já rock

A ano, oceňuji naše současné webové standardy a věci, jako je tato, mají stále své místo, dokonce nabízejí možnosti dělat věci s některými moderními prohlížeči, které nelze provést pomocí kontejneru, ale to je právě to, co je "p" element, jako součást restrukturalizovaného a modernizovaného HTML... měl být ponechán v hrobě, kam patří... to je generace webů, kde odstavce už nejsou odstavce navždy. bloky se doslova mění...jen je to zastaralé a nepraktické.

Prezentace informací prostřednictvím moderní myšlenky hypertextu je ze své podstaty absurdní, ale tak to je a tak to funguje. S tím se nemůžete hádat a musíte s tím počítat.

Z hlediska moderního programovacího jazyka nezáleží na tom, jak jsou data prezentována: striktní typy a povinný předběžný popis, nebo neexistují žádné typy a jazyk sám „vymýšlí“ potřebný popis během provádění algoritmu.

Je důležité si uvědomit, že cokoli, co není „pochopeno“ prohlížečem, JavaScriptem nebo jazykem na straně serveru, nebude provedeno. Blokový tag se za současných okolností může „proměnit“ na inline tag, ale tag s malými písmeny se nemůže změnit na blokový tag.

Logika stránky HTML

Historickým příkladem je značka HTML font. Už nějakou dobu se „nedoporučuje“ používat. Motivace „nedoporučená“ je charakteristickým rysem moderního programování. Nedostatek kompatibility kódu „nahoru“ napříč verzemi a žádná stabilita v konzistentním vývoji verzí softwarových komponent a konceptů.

Značka span v HTML je skutečně mnohem praktičtější: neodkazuje pouze na font. Span může změnit mnoho atributů zobrazení a použití konkrétního obsahu.

Řetězce byly vždy primární reprezentací jakýchkoli dat, ale programovací jazyky to ne vždy definovaly v syntaxi a programátoři si byli vědomi, že použité číslo nebo booleovská hodnota je vždy řetězec.

Absurdita a objektivita hypertextu v implementaci HTML: layout je použití sady značek (párových nebo jednoduchých) k formálnímu popisu obsahu (dat). Popis ani obsah nelze rozumně označit za informaci. První je určitý rámec, do kterého nějaký obsah – data – zapadá.

Rám je postaven z pevně upevněných cihel (tagů), které zaujímají přesně definovaná místa v konstrukci, a relativních prvků, které jsou uspořádány „jak karta padá“.

Stránku můžete rozdělit do sekcí pro zobrazení dat pomocí tabulek nebo prvků bloků a výslednou strukturu můžete „naplnit“ daty s dalšími tagy. Obvykle se nazývají malá písmena, to znamená, že jsou umístěny způsobem, který určuje aktuální příležitost a aktuální obsah.

Příklad rozsahu HTML: co to je a jak to popsat

Zelené pole zobrazuje příklad kódu, který prohlížeč zobrazuje na šedém pozadí. Element block div skončil uprostřed textu, který za ním v kódu následuje. Prvním prvkem byla značka s třídou scSpanLine. Poté byl umístěn text, ve kterém byly zvýrazněny dvě části tohoto textu pomocí značky span s třídou scSimpleSpan.

Prvky druhého a třetího řádku jsou umístěny přesně tak, jak je napsáno v kódu.

Tento příklad ukazuje, jak span funguje v HTML. Je zřejmé, že jde pouze o posloupnost dat. Další věc není zřejmá: vývojář může tuto značku popsat jakýmkoli způsobem, může dokonce použít pravidlo:

  • POZICE: absolutní;

Nebude to mít žádný účinek. Zadání souřadnic a rozměrů také nehraje žádnou roli. Centrování nebo zarovnávání rozsahů v HTML je marné. Mezitím je štítek velmi praktický a v praxi žádaný. Jedná se o velmi pohodlný obal pro zvýraznění důležitého bodu v obecném toku dat.

Hlavní věc je pochopit, že span HTML je způsob, jak změnit zobrazení řádku nebo objasnit pravidla pro zobrazení části řádku.

Logika pro poskytování informací o lince

Používání jazyka pro popis dat HTML pro zamýšlený účel, tedy popis dat, je minulostí. Použití jazyka na straně serveru k vytvoření těla stránky je moderní a dělají to „všichni“ vývojáři. Obzvláště se o to starají redakční systémy (CMS).

Skutečnou praxí a potřebou pro tvorbu živých webových stránek je dynamická správa rámce stránky a jejího obsahu. V tomto smyslu vám HTML tag span (který je jednoduše dynamický) jako výsledek JavaScriptu umožňuje vytvářet dynamický obsah za běhu.

JavaScript funguje jako převodník zdrojového textu na formátovaný text a do odchozího streamu, který je distribuován v rámci prvků na úrovni bloku na stránce, vkládá potřebné tagy s potřebnými pravidly CSS.

Čím vyšší je profesionalita vývojáře, tím více blokové (nebo tabulkové) rozvržení stránky a tím méně reálná přítomnost statických span tagů v HTML. Co to dává? Dynamika. JavaScript je algoritmus, který může pracovat na příchozím proudu řetězců a vykreslit jej tak, jak vývojář zamýšlel. Značky span se objeví na správném místě a ve správný čas.

Ahoj všichni!

Andrey je opět s vámi.

Dnes vám budou nabídnuty 2 verze lekce. Jedno je v textové podobě - ​​můžete ho vidět před očima a druhé VIDEO - budete si ho muset stáhnout.

Podle našeho názoru pro vás bude srozumitelnější video verze.

Takže o dalších html prvcích...

Řekněme, že potřebujete zvýraznit určité slovo v textu (řekněme jinou barvou a pozadím), nebo tak, aby obrázek a text s ním související byly nahoře a vpravo v buňce tabulky a hlavní obsah stránka je dole a blíže k levému okraji. Pokud jde o první příklad, řeknu, že to můžete udělat pomocí značky se sadou potřebných parametrů, ale patří mezi zakázané značky (nové prohlížeče to nemusí podporovat) a nemá vlastnost nahrazovat pozadí.

Pro takové případy jsou k dispozici dvě specifické značky, které samy o sobě v podstatě nic nedělají. Pokud na ně ale aplikujete ty správné styly, můžete dosáhnout čehokoli. Obecně můžete použít pouze tyto dvě značky a aplikovat na ně styly, abyste vytvořili celou stránku webu.

To jsou tedy značky

A .

Jaký je mezi nimi rozdíl, pokud se používají pro stejnou věc?

prvek div- jedná se o blokovou značku a může obsahovat libovolné nám známé značky (seznamy, obrázky, tabulky...).

rozpětí prvek- toto je vložená značka a vztahuje se výhradně na text (zvýraznění části textu jinou barvou).

Styly, které se vztahují na tyto značky, jsou všechny styly, které jsme studovali. Neexistují žádná omezení pro použití jakýchkoli stylů.

Podívejme se na styly, které jsou pro tyto značky nejtypičtější. Vztahují se na všechny ostatní značky a používají se stejným způsobem, jen se častěji používají s těmito značkami (zejména

) .

První místo, kterým bych chtěl začít, je umístění prvků.

Tato vlastnost:

pozice— nastavuje nebo definuje polohu prvku.

Hodnoty:

statický- výchozí. Pozice objektu je určena aktuálním HTML značením podle standardních pravidel.

absolutní— poloha objektu je určena vzhledem k poloze nadřazeného objektu nebo vzhledem k objektu těla. relativní— Pozice objektu je určena posunem od pozice, ve které se objevil ve výchozím nastavení.

vlevo/nahoře— nastavuje nebo určuje polohu prvku vzhledem k levé/horní hraně.

Hodnoty:

X– číslo v procentech nebo pixelech.

auto- výchozí hodnota.

Podívejme se na příklad:

XHTML

Jakýkoli obsah bloku!!!

Tento příklad ukazuje, že naše pole o šířce 300 pixelů se posune o 350 pixelů dolů a doleva o 200 pixelů vzhledem k tomu, kde se zobrazuje ve výchozím nastavení.

Následující důležitá vlastnost:

okraj– velikost odsazení od našeho bloku k sousedním objektům na čtyřech stranách.

Hodnoty:

margin-top— nastaví velikost horního okraje objektu

okraj-levý— nastavuje míru levého odsazení objektu

okraj-pravý— nastavuje míru pravého odsazení objektu

okraj-dole— nastaví hodnotu spodního odsazení objektu

XHTML

Jakýkoli obsah bloku!!!

Vytvořili jsme blok s 30px okraji ze všech stran.

Nad čím bych se ještě rád pozastavil:

vycpávka– vlastnost určuje množství prostoru vloženého mezi objekt a jeho hranice.

Hodnoty:

vycpávka-dno— určuje velikost mezery vložené mezi objekt a jeho spodní okraj.

polstrování-vlevo— určuje velikost mezery vložené mezi objekt a jeho levý okraj.

vycpávka-vpravo- určuje velikost mezery vložené mezi objekt a jeho pravý okraj.

polstrování-top- určuje velikost mezery vložené mezi objekt a jeho horní okraj.

XHTML

Jakýkoli obsah bloku!!!

Vytvořili jsme blok s 30px odsazením od obsahu na všechny jeho strany.

A podívejme se na příklad pomocí značky:

Řekněme, že máme konstrukci jako:

Jakýkoli text!

Chceme udělat text slova na žlutém pozadí s modrými písmeny. Za tímto účelem jej uzavřeme do značky a použijeme příslušné styly.

Při formátování textu pomocí css se nejčastěji používá značka . Znamená to „jen blok textu“. To znamená, že nemá žádný vlastní zvláštní význam. Tato značka také nijak nemění zobrazení textu.

K této značce je však přidán další význam pomocí tříd. Například:

A už pro třídu pomocí css nastavují styly a tím mění design.

Přejít na úkol

  • index.html Split režim
  • styl.css Split režim

HTML

Hlavní textová značka - span

Progresivní zlepšování

Nemůžete jen tak pokračovat a mluvit o progresivním vylepšování, aniž byste zmínili Graceful Degradation. Jaký je rozdíl mezi těmito pojmy? Jak bylo zmíněno v dřívějším článku, Graceful Degradation lze přeložit jako odolnost proti chybám.

Jedná se o velmi široký pojem, ale v kontextu webu jej lze chápat jako odolnost klientských webových rozhraní, serverových částí stránek a podobně. V tomto článku bude Graceful Degradation chápána jako odolnost vůči chybám rozhraní webového klienta.



CSS

Důležité ( font-weight: bold; font-style: italic; ) .note ( font-size: 0.8em; color: #999999; ) .error (text-decoration: line-through; color: red; )

Zkontrolujte na serveruKontrola trvala příliš dlouho, zkuste to prosím znovu Ukaž odpověď

Autorun




Horní