Mengapa Anda Harus Menggunakan Ruang Tab Bukannya Berbilang Ruang Tidak Berputus (nbsp) dalam HTML

Terdapat beberapa cara untuk memasukkan ruang dalam HTML. Cara termudah adalah dengan hanya menambahkan spasi atau entiti pelbagai watak sebelum dan selepas teks sasaran. Sudah tentu, itu bukan kaedah DRYest.

Sebagai gantinya, agar kod anda mudah dijaga dan mengurangkan pengulangan, anda boleh menggunakan dan

Original text


 elemen, bersama dengan sedikit CSS:

Menggunakan elemen

Contoh cara menggunakan untuk mengawal jarak antara teks dapat dilihat di bawah:

Hello my name is James

Perhatikan bahawa teg ditutup sendiri, yang bermaksud tidak memerlukannya />.

Kemudian anda boleh menggunakan gaya luaran atau dalaman untuk memberi kelas tabbeberapa sifat. Contohnya, kod berikut akan berfungsi dalam helaian gaya luaran:

.tab { padding-left: 2px; }

Anda juga dapat memberikan beberapa sifat gaya sebaris, seperti yang ditunjukkan di bawah.

Sebagai alternatif, anda boleh memberikan sifat yang sama dengan gaya sebaris seperti yang ditunjukkan di bawah:

Hello my name is James

Menggunakan
 unsur

Untuk cara mudah menambah ruang tab, cukup bungkus teks anda

tanda nama. Sebagai contoh:

The

elemen hanya mewakili teks yang diformat . Dengan kata lain, setiap ruang atau tab dalam teks dalaman akan diberikan. Sebagai contoh:

 function greeting() { console.log('Hello world!'); } 

Perlu diingat bahawa mana-mana watak tab sebenar (bukan sekumpulan ruang yang kelihatan seperti tab), yang anda gunakan dengan kaedah ini mungkin kelihatan sangat lebar. Ini kerana tab-sizeharta tanah untuk

 elemen ditetapkan kepada 8 ruang secara lalai.

Anda boleh mengubahnya dengan sedikit CSS:

pre { tab-width: 2; }

Maklumat lanjut mengenai HTML:

HyperText Markup Language (HTML) adalah bahasa markup yang digunakan untuk membina dokumen dalam talian dan menjadi asas bagi kebanyakan laman web hari ini.

Bahasa markup seperti HTML membolehkan kita

  • buat pautan ke dokumen lain,
  • susun kandungan dalam dokumen kami, dan
  • menyatakan konteks dan makna kandungan dokumen kami.

Dokumen HTML mempunyai dua aspek. Ini mengandungi maklumat tersusun (Markup), dan pautan teks (HyperText) ke dokumen lain.

Kami menyusun halaman kami menggunakan elemen HTML. Ini adalah konstruksi bahasa yang memberikan struktur dan makna dalam dokumen kami untuk penyemak imbas dan elemen itu menghubungkan ke dokumen lain di internet.

Internet pada asalnya dicipta untuk menyimpan dan mengemukakan dokumen statik (tidak berubah). Aspek HTML yang dibincangkan di atas dilihat dengan sempurna dalam dokumen ini yang tidak mempunyai semua reka bentuk dan gaya. Mereka menyampaikan maklumat berstruktur yang mengandungi pautan ke dokumen lain.

HTML5 adalah versi terbaru, atau spesifikasi, HTML. World Wide Web Consortium (W3C) adalah organisasi yang mengembangkan standard untuk World Wide Web, termasuk yang untuk HTML. Apabila laman web dan aplikasi web berkembang lebih kompleks, W3C mengemas kini standard HTML.

HTML5 memperkenalkan banyak elemen semantik. Walaupun HTML membantu memberi makna kepada dokumen kami, baru pengenalan elemen semantik dengan HTML5 potensinya diketahui sepenuhnya.

Contoh ringkas Dokumen HTML

   Page Title   

My First Heading

My first paragraph.

! DOCTYPE html: Mendefinisikan dokumen ini menjadi HTML5

html: Elemen akar halaman HTML

kepala: Elemen mengandungi maklumat meta mengenai dokumen

tajuk: Elemen menentukan tajuk untuk dokumen

body: Elemen mengandungi kandungan halaman yang dapat dilihat

h1: Unsur menentukan tajuk besar

p: Elemen menentukan perenggan

Versi HTML

Sejak awal web, terdapat banyak versi HTML

  • HTML1991
  • HTML 2.01995
  • HTML 3.21997
  • HTML 4.011999X
  • HTML2000
  • HTML52014

Sumber Lain

  • Elemen HTML
  • HTML semantik
  • Atribut HTML