<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Co to encje html 5 - candyweb.pl</title>
	<atom:link href="https://candyweb.pl/tag/encje-html-5/feed/" rel="self" type="application/rss+xml" />
	<link>https://candyweb.pl/tag/encje-html-5/</link>
	<description></description>
	<lastBuildDate>Mon, 29 Nov 2021 06:58:34 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://candyweb.pl/wp-content/uploads/2025/02/cropped-android-chrome-512x512-1-32x32.png</url>
	<title>Co to encje html 5 - candyweb.pl</title>
	<link>https://candyweb.pl/tag/encje-html-5/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Encje html 5, zestaw ciekawych przykładów</title>
		<link>https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/</link>
					<comments>https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/#comments</comments>
		
		<dc:creator><![CDATA[Katarzyna Szczepańska]]></dc:creator>
		<pubDate>Wed, 24 Nov 2021 07:57:56 +0000</pubDate>
				<category><![CDATA[Web development]]></category>
		<category><![CDATA[encje]]></category>
		<category><![CDATA[encje html 5]]></category>
		<category><![CDATA[przykłady encji]]></category>
		<guid isPermaLink="false">https://candyweb.pl/?p=7877</guid>

					<description><![CDATA[<p>Tworząc stronę internetową, zapewne nieraz chcieliśmy umieścić strzałkę, symbole matematyczne, gwiazdkę czy inne znaki specjalne. Niestety jest ich tak dużo, że nie sposób umieścić je wszystkie na standardowej klawiaturze. W takim przypadku często instalujemy dodatkowe fonty do jednego lub kilku <a href="https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/"></p>
<div class="read-more">
<p>Read more &#8250;</p>
</div>
<p><!-- end of .read-more --></a></p>
<p>Artykuł <a href="https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/">Encje html 5, zestaw ciekawych przykładów</a> pochodzi z serwisu <a href="https://candyweb.pl">- candyweb.pl</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Tworząc stronę internetową, zapewne nieraz chcieliśmy umieścić strzałkę, symbole matematyczne, gwiazdkę czy inne znaki specjalne. Niestety jest ich tak dużo, że nie sposób umieścić je wszystkie na standardowej klawiaturze. W takim przypadku często instalujemy dodatkowe fonty do jednego lub kilku znaków, co pogarsza wydajność strony, a to z kolei ma negatywny wpływ na jej pozycjonowanie. <strong>Lepszym rozwiązaniem będzie użycie odpowiedników SVG lub często zapominanych encji.</strong> Czym one tak w ogóle są? O tym poniżej.</p>
<p>Spis treści:</p>
<ul class="real-list">
 	<li><a href='#czym-sa-encje'>Czym są encje?</a></li>
 	<li><a href='#przyklady-encji-w-jezyku-html'>Przykłady encji w języku programowania html 5</a></li>
 	<li><a href='#podsumowanie-informacji'>Podsumowanie informacji</a></li>
</ul>
<h2 id="czym-sa-encje">Czym są encje?</h2>
<p><strong>Encje w języku HTML są reprezentacją symboliczną znaku zapisaną za pomocą encji numerycznej lub nazwanej.</strong> Ich nazwy zaczynają się znakiem “&amp;&#8221;, a kończą znakiem “;”. Encje nazwane łatwiej zapamiętać i wykorzystać w kodzie. Obejmują one tylko niewielki podzbiór znaków całego Unicodu. Dodatkowo nie każda przeglądarka prawidłowo ją zinterpretuje, więc bezpieczniej będzie używać encji numerycznych.</p>

<p><strong>Istnieją cztery sposoby zapisu znaku specjalnego:</strong></p>
<ul class="real-list">
 	<li>Jednym z nich jest wypisanie go bezpośrednio z klawiatury – np. ą.</li>
 	<li>Drugą za pomocą nazwy znaku – np. &amp;<i>nazwa</i>;.</li>
 	<li>Encja numeryczna (dziesiętna) – np. &amp;#<i>liczba</i>;.</li>
 	<li>Encja numeryczna (szesnastkowa) – np. &amp;#x<i>liczba</i>;.</li>
</ul>
<h2 id="przyklady-encji-w-jezyku-html">Przykłady encji w języku programowania html 5</h2>
<table border="1" width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr valign="TOP">
<td bgcolor="#cccccc" width="50%">
<p align="CENTER"><strong>Encja</strong></p>
</td>
<td bgcolor="#cccccc" width="50%">
<p align="CENTER"><strong>Symbol</strong></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;rarr;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">→</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;larr;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">←</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;uarr;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">↑</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;darr;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">↓</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;copy;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">©</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;reg;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">®</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;trade;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x2122;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;commat;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">@</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;Hfr;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">ℌ</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;hamilt;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">ℋ</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;planckh;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">ℎ</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;DD;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">ⅅ</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;dd;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">ⅆ</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;starf;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">★</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;star;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">☆</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;phone;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x260e;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;female;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x2640;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;male;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x2642;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;clubs;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x2663;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;hearts;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">&#x2665;</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;sung;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">♪</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;check;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">✓</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;cross;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">✗</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;dollar;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">$</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;pound;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">£</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;frac14;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">¼</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;frac34;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">¾</span></span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;ne;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">≠</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;forall;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">∀</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;otimes;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">⊗</span></p>
</td>
</tr>
<tr valign="TOP">
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;"><span style="font-size: medium;">&amp;odot;</span></span></p>
</td>
<td width="50%">
<p align="CENTER"><span style="color: #0e0e0e;">⊙</span></p>
</td>
</tr>
</tbody>
</table>
<h2 id="podsumowanie-informacji">Podsumowanie informacji</h2>
<p>Encje z całą pewnością przydają się do tworzenia stron internetowych. A to dlatego, że <strong>można dodawać na stronie elementy, których nie znajdzie się na standardowej klawiaturze, a także, aby wyświetlać wizualne reprezentacje tych znaków, które są znakami specjalnymi w składni HTML.</strong> Jeśli programujesz, to być może znasz już przykłady encji, które zostały przedstawione powyżej. A jeśli ich nie znasz, to koniecznie musisz je poznać!</p><p>Artykuł <a href="https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/">Encje html 5, zestaw ciekawych przykładów</a> pochodzi z serwisu <a href="https://candyweb.pl">- candyweb.pl</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://candyweb.pl/encje-html-5-zestaw-ciekawych-przykladow/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
	</channel>
</rss>
