H3 Otevírací doba výstav

H4 středa–neděle 14:00–19:30
(20. 9. otevřeno od 10:00)

Podtitul umístěný pod titulkem je samostatný styl. Je to <div>. Ale lze ho nastavit jako některé z H pro lepší SEO. Asi bych navrhoval h3 nebo H2 a upravil styl, aby odpovídal vizuálnímu návrhu. To je přesně případ, kdy chceme aby nějaký text/titulek byl kvůli SEO konkrétní nadpis H, ale měl trochu jiné styly. Toto se dá nastavit přes CSS.

Button Button light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque. Nulla tincidunt purus et vulputate fermentum. Aenean luctus varius mauris, ut dapibus diam ornare nec. ulla facilisi. Integer pretium turpis vitae velit tincidunt facilisis. Fusce cursus hendrerit volutpat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H4 Jeden řádek

Velká mezera prázdného řádku byla proto, že v prázdném řádku byla vložena pevná mezera (&nbsp;). WP ji tam vkládá automaticky, ale přidal jsem snippet (kod), který &nbsp; z každého prázdného řádku odstraní, tj. ponechá pouze <p></p>. 

H4 dva řádky
řádkování zvětšeno

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H1 Lorem ipsum dolor sit amet

H2 Lorem ipsum dolor sit amet

H3 Lorem ipsum dolor sit amet

H3 je zmenšeno na 1.6875rem, což odpovídá 27 pt. REM je relativní jednotka a u velikosti písma na webu se odvíjí se od výchozí velikosti 16 pt (empirická výchozí velikost). Počítá se to tak, že se vezme velikost písma v PT (PT = PX) a vydělí se 16. Např. 24/16 = 1.5rem, 27/16=1.6875rem. Jinak z toho REM vziknou velikosti písma typu 17.3pt, 27.2 (=1.7rem) pt apod.

H4 Lorem ipsum dolor sit amet

H5 Lorem ipsum dolor sit amet

H5 má nyní stejnou velikost jako H6, tj. 16pt (1rem). H5 je ale VERZÁLKAMI.

H6 Lorem ipsum dolor sit amet

H6 má stejnou velilkost jako H5 (16pt = 1rem), ale není verzálkami.

Odstup odstavce od nadpisů:

H1 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H2 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H3 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H4 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H5 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

H6 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet blandit nisi. Phasellus gravida malesuada nisl ut accumsan. Vivamus at vehicula orci, sed laoreet neque.

Odstup pod H2 – párování H:

H2 Lorem ipsum dolor sit amet

H3 Lorem ipsum dolor sit amet

H2 Lorem ipsum dolor sit amet

H4 Lorem ipsum dolor sit amet

H2 Lorem ipsum dolor sit amet

H5 Lorem ipsum dolor sit amet

H2 Lorem ipsum dolor sit amet

H6 Lorem ipsum dolor sit amet

Odstup pod H3 – párování H:

H3 Lorem ipsum dolor sit amet

H4 Lorem ipsum dolor sit amet

H3 Lorem ipsum dolor sit amet

H5 Lorem ipsum dolor sit amet

H3 Lorem ipsum dolor sit amet

H6 Lorem ipsum dolor sit amet

Odstup pod H4 – párování H:

H4 Lorem ipsum dolor sit amet

H5 Lorem ipsum dolor sit amet

H4 Lorem ipsum dolor sit amet

H6 Lorem ipsum dolor sit amet

Odstup NAD H6 – párování H:

H5 Lorem ipsum dolor sit amet

H6 Lorem ipsum dolor sit amet

H4 Lorem ipsum dolor sit amet

H6 Lorem ipsum dolor sit amet

řádkování H:

H1 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. 

H2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. Fusce nibh. Vivamus ac leo pretium faucibus. 

H3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. Fusce nibh. Vivamus ac leo pretium faucibus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

H4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. Fusce nibh. Vivamus ac leo pretium faucibus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

H5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. Fusce nibh. Vivamus ac leo pretium faucibus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

H6 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec quis nibh at felis congue commodo. Fusce nibh. Vivamus ac leo pretium faucibus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.

Odkaz na něco

Odkaz zboldovaný na něco

Tlačítko na něco

text highlight yellow