Langsung ke konten utama

HTML5 Tag Wbr

Tag WBR pada HTML merupakan singkatan dari word break opportunity yang digunakan untuk mendefinisikan posisi antara teks yang diperlakukan sebagai line break pada browser. Tag ini umumnya digunakan ketika terdapat kata yang terlalu panjang dan terdapat kemungkinan bahwa browser akan melakukan line break pada posisi yang salah dari kata tersebut.

Sintak:
konten...<wbr>...konten

Catatan: Tag wbr merupakan tag baru pada HTML5 dan tidak membutuhkan tag akhiran, seperti diperlihatkan pada ilustrasi berikut.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Tag Wbr

</title>

 

<style>

body 

{

text-align:center;}

 

.emds 

{

font-size:40px;

font-weight:bold;

color:green;}

 

.elf 

{

font-size:25px;

font-weight:bold;}

</style>

</head>

 

<body>

<div 

class = "emds">

Blog Elfan

</div>

 

<div 

class = "elf">

Tag Wbr

</div>

 

<p>

Blog TIK <wbr>adalah blog ilmu komputer.

</p>

</body>

 

</html>

Output:
Blog Elfan
Tag Wbr

Blog TIK adalah blog ilmu komputer.

Komentar

  1. Apakah kepanjangan dari singkatan WBR pada html?

    BalasHapus
    Balasan
    1. WBR merupakan singkatan dari Word Break Opportunity.

      Hapus
  2. Apa fungsi tag wbr pada html?

    BalasHapus
    Balasan
    1. Fungsi dari tag WBR adalah membuat browser melakukan pembungkusan baris yang dikenai tag tersebut.

      Hapus
    2. Ketika sebuah kata terlalu panjang, maka browser dapat memecahnya menjadi beberapa bagian yang tidak diinginkan. Dengan menggunakan tag wbr, user dapat mementukan dimana seharusnya jeda baris HTML5 dalam kalimat pada posisi yang diperlukan.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D