Informasi Seputar Script Blog

Breaking

Saturday, June 13, 2020

Cara Pasang Script Parse HTML di Blog


TauScript - Sebelum nya kita bahas dulu apa itu HTML, HTML adalah bahasa markup yang paling sering digunakan dalam pembuatan website. Sejak mulai mengudara di 2014, versi kelima HTML telah digunakan secara luas.

Bila sudah mengerti kita lanjut ke pokoknya. Apa itu Parse HTML dan Fungsinya, Parse HTML kata parse dalam Bahasa Inggris berarti mengurai. Namun, secara definisi saya berpendapat bahwa Parse HTML adalah mengubah kode-kode atau tanda-tanda tertentu menjadi kode entitas (kode unik).

Kode-kode yang biasanya diubah yaitu tanda lebih kecil (<), petik dua ("), ampersand (&), petik satu ('), tanda lebih besar (>). Kode-kode tersebut akan diubah menjadi kode-kode yang unik (kode entitas) seperti berikut ini.

  • < akan diubah menjadi &lt;
  • " akan diubah menjadi &quot;
  • & akan diubah menjadi &amp;
  • ' akan diubah menjadi &#039;
  • > akan diubah menjadi &gt;

Kenapa kode Parse HTML harus di parse dulu?

Dengan melakukan HTML Parsing, maka akan mencegah tampilan error di blog ketika dibuka di suatu web browser. Hal ini biasa terjadi pada browser versi lama. Selain itu, mem-parse html dapat membuat kode html yang diparse menjadi lebih seo friendly dan valid html5 jika dibanding dengan yang belum diparse.

Nah berikut kode script parse untuk di tempelkan di Halaman / HTML JavaScript blog kalian:

<div style="background-color: white; border: 3px #eeeeee solid; padding: 10px; text-align: left;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>Enter Code</b>
<br />
<center>
<textarea cols="40" onchange="do_encode(this)" onkeyup="do_encode(this)" rows="10" style="font-family: monospace; height: 10em; width: 100%;"></textarea></center>
<br />
<b>Parsed Code</b></div>
<div style="text-align: center;">
<center>
<textarea cols="40" id="bsu" onclick="this.select()" onfocus="this.select()" readonly="readonly" rows="10" style="font-family: monospace; height: 10em; width: 100%;"></textarea></center>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: left;">
<script src="https://drive.google.com/uc?export=download&amp;id=0By_AtKYt5PKPNTdCbGRhZWkyazQ" type="text/javascript"></script></div>
</div>

Kalian tinggal pastekan Script/Code yang ingin kalian parse di kotak "Enter Code" lalu "Parsed Code" akan merubah secara langsung.

No comments:

Post a Comment