Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memecah Kalimat dengan Tag WBR HTML5

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.

Sebelum memahami lebih dalam materi tentang Cara Memecah Kalimat dengan Tag WBR HTML5, terlebih dahulu pelajari materi tentang: Membuat Kesimpulan Menggunakan Tag Summary HTML5, Membuat Teks Kecil di Tas Huruf Menggunakan Tag Ruby HTML5, dan Anotasi Ruby HTML5 dan Fungsinya Tag RT.

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

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

Baca Juga:

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.

Artikel ini didedikasikan kepada: Yunita Ayu Pratiwi, Amar Faruq Al Husna, Andrea Mega Putra, Anindya Oksita Damayanti, dan Anisa Wanda Rohmana.

5 komentar untuk "Cara Memecah Kalimat dengan Tag WBR HTML5"

  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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -