Przy projektowaniu strony KIKE natknąłem się na problem dotyczący osadzania skryptów JS przy jednoczesnej walidacji. Z założenia buduje strony w oparciu o standard XHTML 1.0 Strict dla stron statycznych (Transitional dla CMS'ów).

JS na tej stronie odpowiada za zabezpieczenie antyspamowe adresów e-mail.

Wstępnie wrzucony kod nie przeszedł walidacji, więc oparłem się na źródłach internetowych (np. Kurs BrowseHappy). Wg znalezionych wytycznych poprawnie powinno się:

1. umieszczać w <head> przy linkowaniu do oddzielnego pliku skryptu .js :

<script src="/plik.js" />

zamiast

<script src="/plik.js"></script></p><p>ten 2gi zapis jest zgodny ze zwykłym HTML'em)</p> <p>Niestety ten patent powodował kompletny <span style="text-decoration: underline;" _mce_style="text-decoration: underline;">brak wyświetlenia zawartości kodu .html przez Firefox 3.6 i Internet Explorer 8. Więc zmuszony byłem zastosować zamknięcie </script> !!!

2. umieszczać w <head> kod JS z pominięciem:

language="Javascript"</p> <p>i zamiast powyższego użyć atrybut "type" w postaci:

<script type="text/javascript"> if (2 &lt; 4) {}</script></p> <p>można też skrypt wsadzić w blok CDATA, dzięki czemu wstawiony w nim kod HTML zostanie po prostu wyświetlony przez przeglądarkę zamiast jego przetworzenia:</p> <p class="code"><script type="text/javascript"><![CDATA[ if (2 < 4) {}]]></script></p> <h3>3. koniecznie zamieniać "<", ">" na encje

Encje: &lt; i &gt; - chyba że wrzucamy kod w blok CDATA, przykład powyżej.

4. zrezygnować ze znacznika <noscript>

Dla zgodności z XHTML 1.0 Strict (przy Transitional daje radę) należy kompletnie zrezygnować ze znacznika:

<noscript>Tekst dla userów z wyłączoną obsługą JS</noscript>

Zobacz również

ThumbnailW lipcu 2017 na oficjalnym blogu Adobe.com pojawił się wpis informujący o przyszłości jednej z najpopularniejszych technologii webowych - Flash Player.

czytaj więcej…

ThumbnailRODO jest jednym z najpopularniejszych słów kluczowych na jakie możemy trafić w internecie od początku 2018. W tym artykule podaję podstawowe informacje nt tej regulacji, która weszła w życie 25...

czytaj więcej…

ThumbnailZachęcam do obejrzenia wystąpienia Michała Kosińskiego, który odbył się w ramach Blog Forum Gdańsk 2017. Z prezentacji możemy dowiedzieć wielu ciekawostek m.in. nt. profilowania osobowości na bazie naszej...

czytaj więcej…

Thumbnail "The 4 Types of Team Members You Can Hire" - ciekawa animacja obrazujące zachowanie najbardziej charakterystycznych postaw, z jakimi możemy mieć do czynienia w zespole.

czytaj więcej…

Losowy artykuł

Jednym słowem można ten komponent opisać jako najlepszy sposób na szybkie wstawianie linków w Joomla! 1.5.x. Szczególni

...
pexels-photo-373543.jpeg

źródło: Pexels.com