Autor Zpráva
Stefan Nikolov
Profil *
Dobrý den vadí, že stránka obsahuje inline vložené CSS styly, které by měly být ve zvláštním souboru?

Může mi prosím někdo poradit, kde na stránce http://www.ceskodnes.cz ty inline vložené styly jsou?
Petr ZZZ
Profil
Stefan Nikolov:
vadí, že stránka obsahuje inline vložené CSS styly?
Vadí a nevadí. Z pohledu uživatele je to asi fuk, z pohledu kodéra je to tak trochu čuňárna. Kód je objemnější, takže se přenáší více dat, a také je méně přehledný. Zvláště pokud je podobných stránek víc, bývá vhodnější dát styly do externího souboru.

kde (...) ty inline vložené styly jsou?
Všude, kam se podíváš, třeba tady v té tabulce:

<table border="0" width="65%">
  <tr>
    <td align="center" valign="top">
      <p style="margin-top: 2px; margin-bottom: 2px">
        <font color="#FF0000" size="2">ÚVOD</font></td>
    <td align="center" valign="top">
      <p style="margin-top: 2px; margin-bottom: 2px">
        <font size="2"><span style="text-decoration: none">
        <a style="text-decoration: none" href="zpravy.htm">ZPRÁVY</a></span></font></td>...
Trejpa
Profil
Stefan Nikolov:
Pokud potřebuješ stylem odlišit nějakou drobnost ve stránce, výjimku z obecných CSS pravidel, klidně použij inline styly.

Pokud se má dané pravidlo opakovat několikrát, zejména na více stránkách, je vhodnější z hlediska datové náročnosti stylů a přehlednosti HTML kódu využít externího souboru.

Na SEO však inline styly nemají žádný vliv.
Petr ZZZ
Profil
Teoreticky by inline styly mohly mít vliv na SEO tehdy, pokud by byly natolik přebujelé, že by se zvýšený objem dat podepsal výrazně na rychlosti načítání stránky. Nikdy jsem ale tyhle věci nezkoušel měřit a v praxi to asi bude tak, jak píše Trejpa — tedy bez postřehnutelného významu.

Samozřejmě to nemění nic na tom, že ze dvou rozdílně objemných kódů, které dělají totéž, ten objemnější nikdy nemůže být lepší. Může být levnější, ale jisté to není, protože i údržba něco stojí. Delší, původně levnější kód se může prodražit později, třeba tím, že je méně přehledný, nebo tím, že drobnou změnu, místo úpravy jednoho externího CSS, bude třeba kopírovat do deseti HTML-souborů s inline styly.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: