Simbol ruang dalam html. Menggunakan aksara ruang putih untuk memformat kod HTML, ruang tidak pecah dan aksara khas lain (mnemonik)

helo, wahai pembaca sekalian laman blog! Mereka yang mempunyai masa untuk membiasakan diri dengannya sekurang-kurangnya secara dangkal mungkin telah mengambil perhatian, walaupun dalam garis besar umum. Ini bermakna mereka mempunyai idea tentang simbol HTML yang biasanya digunakan dalam kod dokumen.

Dalam artikel hari ini kita akan cuba untuk mengetahui apa ruang dalam HTML dan dalam kes apa ia boleh digunakan aksara ruang putih apabila memformat kod itu sendiri untuk membaca mudah. Kami akan mengetahui apabila perlu menggunakan ruang yang tidak pecah, dan juga berkenalan dengan watak istimewa lain (atau, sebagaimana ia juga dipanggil, mnemonik).

Malah, saya akan menasihati supaya tidak mengabaikan topik menggunakan pelbagai aksara khas, kerana ini adalah komponen penting yang membolehkan anda menyelesaikan pembelajaran bahasa anda penanda hiperteks. Secara umum, maklumat yang disediakan dalam penerbitan ini pasti tidak akan berlebihan. Nah, sekarang ke titik.

Ruang dan aksara ruang putih dalam HTML

Mula-mula anda perlu lakukan Nota PENTING. Papan kekunci komputer mempunyai kunci khas, yang membolehkan anda melaksanakan pemisahan teks (lebih lanjut mengenai perkara ini di bawah). Walau bagaimanapun, hanya bar ruang yang luas memberikan pemisahan antara perkataan bukan sahaja dalam editor, tetapi juga dalam tetingkap penyemak imbas. Terdapat nuansa apabila memecahkan garisan dan inden dari tepi.

Seperti yang anda ketahui, paparan elemen tertentu dalam pelayar web ditentukan oleh tag. Untuk memformat teks, yang terkenal , yang berasaskan blok, digunakan. Iaitu, kandungannya terletak di seluruh lebar yang tersedia.

Kepada balut baris dalam perenggan P, anda perlu menggunakan teg BR tunggal, yang mana anda boleh melakukan ini. Katakan kita perlu memasukkan ke dalam teks beberapa baris daripada puisi yang kita tulis penyunting teks:

Walaupun fakta bahawa baris ayat itu terletak dengan betul dan tanda sempang dibuat di tempat yang betul, semuanya akan kelihatan berbeza dalam penyemak imbas:

Untuk mencapai paparan yang sama dalam tetingkap penyemak imbas web, anda perlu menulis BR pada setiap pemisah baris:

Sekarang kami telah mencapai tugas dan baris puisi akan dipaparkan dengan betul dalam penyemak imbas:

Oleh itu, pemindahan yang diperlukan baris selesai. Ciri lain yang perlu diberi perhatian di sini ialah berbilang ruang yang datang satu demi satu dipaparkan oleh pelayar web sebagai satu. Anda boleh mengesahkan ini jika dalam editor yang sama anda cuba meletakkan bukan satu, tetapi beberapa ruang antara dua perkataan dan, dengan mengklik pada butang "Simpan", lihat hasilnya dalam penyemak imbas.

Ruang, tab dan pemisah baris

Pada asasnya, dengan ini aksara ruang putih kami berkenalan sebaik sahaja kami mula bekerja dengan teks dalam editor dan memformatkannya dalam bentuk yang betul. Untuk melaksanakan tugas sedemikian, terdapat kunci khas, setiap satunya sepadan dengan watak ruangnya sendiri:

Bar ruang ialah kunci terluas pada papan kekunci komputer (tanpa label);
Tab - kunci di sebelah kiri dengan tulisan "Tab" dan dua anak panah menunjuk ke arah yang berbeza;
Pemutus baris - kekunci "Enter".

Namun, seperti yang saya katakan di atas, final hasil yang diingini bukan sahaja dalam editor teks, tetapi juga dalam penyemak imbas, kami mendapatnya hanya apabila menggunakan kekunci pertama. Ketiga-tiga kunci (termasuk tab dan pemisah baris berguna semasa memformat kod HTML. Katakan ini adalah rupa serpihan kod dalam NotePad++ (terdapat banyak maklumat tentang editor ini) apabila memaparkan semua aksara ruang kosong:

Kami mendapat kod yang mudah dibaca dan difahami berkat ruang. Anak panah jingga menunjukkan lekukan yang dibuat menggunakan kekunci Tab, dan simbol CR dan LF menunjukkan pemisah baris yang dibuat menggunakan kekunci Enter.

Bekas yang bersarang di antara satu sama lain dilihat dan teg pembukaan dan penutup kelihatan dengan jelas. Dalam borang ini kod ini anda boleh mengedit dengan mudah. Sekarang bandingkan dengan kod yang sama, yang tidak mempunyai pembahagian teks sedemikian:

Dengan cara yang sama, menggunakan aksara ruang putih, anda juga boleh menulis Peraturan CSS, yang akan kelihatan jelas dan mudah dihadam secara visual:

Selepas anda membawa semua gaya kepada penyebut biasa dan selesai mengedit fail gaya sepenuhnya, anda boleh melakukan pengeditan dengan mengalih keluar semua ruang daripada kod. Ini adalah perlu untuk meningkatkan , yang sangat penting apabila mempromosikan sumber.

Aksara khas (atau mnemonik) dalam kod HTML

Sekarang mari kita lihat kes-kes di mana perlu menggunakan aksara khas yang saya nyatakan pada permulaan artikel. Pakar aksara HTML, yang kadangkala dipanggil mnemonik, diperkenalkan untuk menyelesaikan masalah lama dengan pengekodan yang timbul dalam bahasa penanda hiperteks.

Apabila anda menaip teks pada papan kekunci, aksara bahasa yang anda gunakan dikodkan. Dalam penyemak imbas web, teks yang ditaip akan dipaparkan menggunakan fon yang anda pilih hasil daripada operasi penyahkodan terbalik.

Hakikatnya ialah terdapat banyak pengekodan sedemikian sekarang kami tidak mempunyai matlamat untuk menganalisisnya secara terperinci. Cuma setiap daripada mereka mungkin kehilangan simbol tertentu, yang bagaimanapun, perlu dipaparkan. Katakan anda merasakan keinginan untuk menulis tanda petikan tunggal atau tanda aksen, tetapi ikon ini tidak disertakan dalam set.

Untuk menghapuskan masalah ini, sistem simbol khas telah diperkenalkan, yang merangkumi sejumlah besar mnemonik yang berbeza. Semuanya bermula dengan ampersand "&" dan biasanya berakhir dengan titik koma ";". Pada mulanya, setiap watak istimewa mempunyai kod digitalnya sendiri. Sebagai contoh, untuk ruang yang tidak pecah, yang akan kami pertimbangkan dengan lebih terperinci di bawah, entri berikut akan sah:

Tetapi selepas beberapa lama, simbol yang paling biasa diberikan analog huruf (mnemonik) untuk menjadikannya lebih mudah diingati. Katakan untuk ruang tidak pecah yang sama ia kelihatan seperti ini:

Akibatnya, penyemak imbas memaparkan simbol yang sepadan. Senarai mnemonik sangat banyak, aksara khas yang paling biasa digunakan dalam HTML anda boleh temui dari jadual berikut:

simbol	kod	mnemonik	penerangan
			ruang yang tidak pecah
			ruang sempit (en-lebar sebagai huruf n)
			ruang luas (em-lebar sebagai huruf m)
–	-	–	en-dash (en-dash)
-	—	—	em dash (em dash)
	-		pemindahan lembut
A		́	tekanan diletakkan selepas huruf "tekanan".

©		©	hak cipta
®	®	®	tanda tanda dagangan berdaftar
™	™	™	tanda tanda dagangan
º	º	º	lembing Marikh
ª	ª	ª	cermin Venus
‰	‰	‰	ppm
π	π	π	pi (gunakan Times New Roman)
¦	¦	¦	garis putus-putus menegak
§	§	§	perenggan
°	°	°	ijazah
µ	µ	µ	tanda mikro
¶	¶	¶	tanda perenggan
…	…	…	elipsis
‾	‾	‾	melapik
´	´	´	tanda loghat
№		№	tanda nombor
🔍		🔍	Kaca pembesar (condong ke kiri)
🔎		🔎	Kaca pembesar (condong ke kanan)
tanda-tanda operasi aritmetik dan matematik
×	×	×	membiak
÷	÷	÷	bahagikan
<	<		kurang
>	>	>	lebih
±	±	±	tambah/tolak
¹	¹	¹	darjah 1
²	²	²	darjah 2
³	³	³	darjah 3
¬	¬	¬	Penafian
¼	¼	¼	satu suku
½	½	½	separuh
¾	¾	¾	tiga suku
⁄	⁄	⁄	titik perpuluhan
−	−	−	tolak
≤	≤	≤	kurang atau sama
≥	≥	≥	lebih atau sama
≈	≈	≈	lebih kurang (hampir) sama
≠	≠	≠	tidak sama
≡	≡	≡	secara identik
√	√	√	punca kuasa dua (radikal)
∞	∞	∞	infiniti
∑	∑	∑	tanda penjumlahan
∏	∏	∏	tanda kerja
∂	∂	∂	pembezaan separa
∫	∫	∫	integral
∀	∀	∀	untuk semua orang (hanya kelihatan jika dalam huruf tebal)
∃	∃	∃	wujud
∅	∅	∅	set kosong
Ø	Ø	Ø	diameter
∈	∈	∈	kepunyaan
∉	∉	∉	tidak tergolong
∋	∋	∗	mengandungi
⊂	⊂	⊂	ialah subset
⊃	⊃	⊃	ialah superset
⊄	⊄	⊄	bukan subset
⊆	⊆	⊆	ialah subset atau sama dengan
⊇	⊇	⊇	ialah superset atau sama
⊕	⊕	⊕	tambah dalam bulatan
⊗	⊗	⊗	tanda darab dalam bulatan
⊥	⊥	⊥	berserenjang
∠	∠	∠	sudut
∧	∧	∧	logik DAN
∨	∨	∨	logik ATAU
∩	∩	∩	persimpangan
∪	∪	∪	Kesatuan
tanda mata wang
€	€	€	Euro
¢	¢	¢	sen
£	£	£	Lb
¤	¤t;	¤	Tanda mata wang
¥	¥	¥	Yen dan Yuan tandatangan
ƒ	ƒ	ƒ	Tanda Florin
penanda
	.		penanda mudah
○		○	bulatan
·	·	·	titik tengah
†		†	menyeberang
‡		‡	palang berganda
♠	♠	♠	puncak
♣	♣	♣	kelab
			hati
♦	♦	♦	berlian
◊	◊	◊	belah ketupat
✏		✏	pensel
✎		✎	pensel
✐		✐	pensel
✍		✍	tangan
petikan
"	"	"	petikan berganda
&	&	&	ampersand
«	«	«	tanda petikan tipografi kiri (tanda petikan herringbone)
»	»	»	tanda petikan tipografi kanan (tanda petikan herringbone)
‹		‹	bujang petikan sudut pembukaan
›		›	penutup petikan sudut tunggal
′	′	′	perdana (minit, kaki)
″	″	″	perdana berganda (saat, inci)
‘	‘	‘	petikan tunggal kiri atas
’	’	’	petikan tunggal kanan atas
‚	‚	‚	petikan tunggal kanan bawah
“	“	“	petik-kaki kiri
”	”	”	petik kaki atas kanan
„	„	„	petik kaki bawah kanan
❛		❛	tanda petikan pembukaan bahasa Inggeris tunggal
❜		❜	tanda petikan penutup bahasa Inggeris tunggal
❝		❝	tanda petikan berganda pembukaan
❞		❞	tanda petikan berganda penutup
anak panah
←	←	←	anak panah kiri
			anak panah atas
→	→	→	anak panah kanan
↓	↓	↓	anak panah ke bawah
↔	↔	↔	anak panah kiri dan kanan
↕		↕	anak panah atas dan bawah
↵	↵	↵	pemulangan pengangkutan
⇐	⇐	⇐	dua anak panah kiri
⇑	⇑	⇑	anak panah dua kali ganda
⇒	⇒	⇒	dua anak panah kanan
⇓	⇓	⇓	dua anak panah ke bawah
⇔	⇔	⇔	dua anak panah kiri dan kanan
⇕		⇕	dua anak panah atas dan bawah
▲		▲	anak panah atas segitiga
▼		▼	anak panah ke bawah segitiga
			anak panah kanan segi tiga
◄		◄	anak panah kiri segi tiga
bintang, kepingan salji
☃		☃	manusia salji
❄		❄	Kepingan salji
❅		❅	Kepingan salji diapit oleh shamrocks
❆		❆	Kepingan salji bersudut tajam yang gemuk
★		★	Bintang berlorek
☆		☆	Bintang kosong
✪		✪	Bintang yang tidak terisi dalam bulatan yang penuh
✫		✫	Bintang yang dipenuhi dengan bulatan terbuka di dalamnya
✯		✯	Bintang berputar
⚝		⚝	Bintang putih yang dilukis
⚪		⚪	Bulatan terbuka tengah
⚫		⚫	Bulatan terisi tengah
⚹		⚹	Sextile (jenis kepingan salji)
✵		✵	Bintang berputar berbucu lapan
❉		❉	Bintang dengan hujung sfera
❋		❋	Baling bintang berbentuk titisan lapan bucu tebal
✺		✺	Asterisk berbucu enam belas
✹		✹	Bintang berbucu dua belas
✸		✸	Bintang terisi lurus lapan bucu tebal
✶		✶	Bintang berbucu enam
✷		✷	Bintang berisi lapan bucu lurus
✴		✴	Bintang berbucu lapan
✳		✳	Bintang berbucu lapan
✲		✲	Bintang dengan pusat kosong
✱		✱	Bintang gemuk
✧		✧	Bintang terbuka berbucu empat
✦		✦	Bintang berbucu empat yang tajam
⍟		⍟	Bintang dalam bulatan
⊛		⊛	Kepingan salji dalam bulatan
jam, masa
⏰		⏰	Tonton
⌚		⌚	Tonton
⌛		⌛	Jam pasir
⏳		⏳	Jam pasir

Kes menggunakan beberapa aksara khas, termasuk ruang yang tidak pecah dan tanda sempang lembut

Sekiranya anda telah mengkaji jadual sedikit, anda telah menerima pengesahan tentang apa yang saya katakan di atas, bahawa untuk memaparkan semua aksara khas, kod digital () atau analog abjadnya (mnemonik simbolik) digunakan, di mana bukannya satu set cincangan. markah dan nombor, huruf () ditulis.

Sekarang mari kita lihat masa untuk menggunakan kod ini. Katakan dalam artikel anda perlu menunjukkan beberapa teg HTML untuk tujuan maklumat, contohnya,

. Jika anda menaip kurungan sudut dari papan kekunci (dan terdapat pilihan sedemikian), penyemak imbas akan melihat pembinaan sedemikian sebagai teg pembukaan, dan bukan sebagai serpihan teks yang mudah.

Oleh itu, dari jadual yang sama aksara khas HTML kami mengambil kod yang sesuai dan keseluruhan rekod akan kelihatan seperti ini:

Di samping itu, untuk memaparkan dalam penyemak imbas bukan tanda ampersand itu sendiri, tetapi penunjukannya masuk bentuk

, anda perlu menambah kodnya daripada jadual:

pengaki

Kemudian pelayar akan memaparkan dengan tepat rekod mnemonik yang perlu digunakan untuk dipaparkan Tag FOOTER. Agak mengelirukan, tetapi halaman ini akan membantu anda berlatih aspek ini dengan memasukkan mnemonik untuk simbol yang sepadan dalam medan "HTML" dan menggunakan butang "Jalankan", dan dalam kawasan "Hasil" mendapatkan hasil paparannya dalam penyemak imbas:

Sila ambil perhatian bahawa saya memastikan bahawa teks itu dibalut menggunakan teg BR yang telah disebutkan supaya aksara itu sendiri tidak dipaparkan dalam satu baris, tetapi dalam lajur untuk kemudahan.

Teruskan. Kadangkala kombinasi timbul dalam teks yang tidak diingini untuk dipisahkan oleh garisan yang berbeza. Katakan, "1000 rubel." akan menjadi logik atau biarkan sahaja baris atas, atau jika ruang tidak mencukupi, alihkan keseluruhan struktur ke garisan di bawah.

Ini benar terutamanya jika pengguna menggunakan peranti dengan lebar skrin yang berbeza, termasuk peranti mudah alih. Sesungguhnya, dalam kes ini, pelayar web memformat teks, menyesuaikan diri dengan keadaan baharu. Dan jika pada saiz standard Jika teks kelihatan betul pada monitor, menukarnya mungkin mengubah segala-galanya.

Untuk kes ini ia disediakan tidak boleh pecah HTML ruang kosong , yang telah saya nyatakan. Biar saya ingatkan anda bahawa dalam kes ini kod ruang adalah seperti berikut:

Dan ia perlu dimasukkan di antara dua set tanda yang perlu dikaitkan:

1000 gosok.

Kini penyemak imbas tidak akan memisahkannya dalam apa jua keadaan, walaupun pemformatan teks diperlukan untuk memaparkannya dengan betul.

Terdapat juga keadaan apabila sangat panjang kata tidak sesuai ruang kosong dan anda perlu memindahkan sebahagian daripadanya. Bagaimanakah saya boleh mentakrifkan baris baharu dalam kes ini jika perlu? Untuk ini ada watak sempang lembut khas-, yang perlu diletakkan di tempat di mana perkataan itu perlu dipecahkan:

Panjang panjang panjang panjang panjang perkataan

Jika situasi timbul apabila perkataan perlu ditanda sempang, maka jurang terbentuk di lokasi mnemonik sempang lembut, di mana tanda sempang (sempang) muncul, dan perkataan selebihnya muncul pada baris seterusnya di bawah.

Walau bagaimanapun, sekali lagi, adalah berguna untuk melihat keseluruhan perkara ini, termasuk contoh pemindahan berterusan dan lembut, dalam amalan:

Dalam tetingkap editor ini, anda boleh menukar saiz medan tontonan "Hasil" dengan meraih tepi kawasan ini dengan butang tetikus kiri dan, tanpa melepaskannya, seretnya ke kiri untuk mengurangkan lebar. Kemudian situasi sebenar timbul apabila penyemak imbas mula memformat semula kandungan untuk memaparkannya dengan betul.

Dan pemindahan itu dijalankan, yang disediakan dalam contoh yang saya nyatakan. Walau bagaimanapun, anda sendiri boleh mengalihkan tetingkap paparan, mengembangkan dan mengecilkannya, dan mengesahkannya secara visual.

Kali ini kita akan bercakap tentang aksara ruang kosong HTML. Pada pandangan pertama, topik itu kelihatan tidak penting dan tidak benar-benar perlu, tetapi saya berani memberi jaminan bahawa ini jauh dari kes itu. Aksara ruang kosong dalam HTML mempunyai, pertama, tujuan yang jelas dan jelas, dan kedua, tingkah laku yang telah ditetapkan. Saya rasa tujuan aksara ruang putih dalam HTML adalah lebih kurang jelas: aksara ruang putih digunakan terutamanya untuk pemformatan HTML kod, tetapi bukan sahaja untuk ini. Tetapi saya tidak fikir semuanya jelas tentang kelakuan watak ruang putih. Masalahnya ialah penyemak imbas mengendalikan aksara ruang putih dengan cara yang istimewa, itulah sebabnya saya menulis bahawa aksara ruang putih mempunyai tingkah laku yang jelas.

Mari segera ambil perhatian bahawa HTML membahagikan aksara ruang putih kepada jenis: tab HTML, ruang dan pemisah baris. Dan setiap jenis ini diproses oleh penyemak imbas dengan cara yang istimewa, di samping itu, terdapat teg khas dalam HTML yang memberitahu penyemak imbas cara mengendalikan aksara ruang kosong. Daripada siaran ini, anda akan belajar tentang sebab aksara ruang kosong diperlukan dalam HTML, jenis aksara ruang kosong dalam HTML dibahagikan kepada dan cara penyemak imbas mengendalikannya.

Kami juga akan mempertimbangkan secara terperinci setiap aksara ruang putih secara berasingan. Rakaman akan merangkumi isu-isu berikut:

bagaimana penyemak imbas mengendalikan celah masuk dokumen HTML e dan apakah perbezaan antara ruang biasa dan ruang yang tidak pecah;
untuk apa ia digunakan tab dalam HTML;
bagaimana penyemak imbas merawat pemisah baris, mengapa pemisah baris diperlukan dalam HTML dan apakah rupa pemisah baris dalam HTML?;
bagaimana untuk memaksa penyemak imbas untuk memaksa pemutusan baris;
dan bagaimana untuk mengekalkan semua aksara ruang putih dalam HTML.

Saya berharap penjelasan lisan dan contoh daripada siaran akan membantu anda memahami cara penyemak imbas mengendalikan aksara ruang kosong.

Apakah aksara ruang putih digunakan dalam HTML?

Dalam HTML, seperti dalam mana-mana bahasa di mana kita membangunkan sesuatu, terdapat aksara ruang kosong. Jadi mari kita keluarkan soalan itu terlebih dahulu: Apakah maksud aksara ruang putih dalam HTML?? Jawapannya sebenarnya sangat mudah. Aksara ruang kosong dalam HTML digunakan untuk dua tujuan. Tujuan pertama atau tujuan pertama aksara ruang kosong dalam HTML adalah untuk memformat dokumen HTML.

Dengan menggunakan aksara ruang kosong, kami menjadikan kod HTML boleh dibaca dan difahami untuk kami dan pembangun lain. Setuju bahawa kod tanpa ruang kosong tidak akan begitu mudah dibaca dan tidak begitu mudah untuk diedit. Piawaian bahasa HTML bertolak ansur dengan aksara ruang kosong, yang bermaksud kita boleh menggunakannya dalam dokumen sesuka hati atau kita boleh menulis kod berterusan.

Tujuan kedua aksara ruang putih dalam HTML adalah, boleh dikatakan, logik, dan kami menggunakan aksara ruang putih untuk memisahkan perkataan antara satu sama lain, kerana teks tanpa ruang tidak boleh dibaca sepenuhnya. Terdapat situasi apabila anda secara tidak sengaja meletakkan beberapa ruang antara perkataan di dalamnya tag HTML dan, dalam kes ini, penyemak imbas akan "memampatkan" ruang ini kepada satu. Pada masa hadapan, kami akan memastikan perkara ini dan melihat contoh.

Kami berharap dengan Kami mengetahui tujuan aksara ruang kosong dalam HTML dan sekarang kita boleh teruskan. Topik ruang putih agak mudah, tetapi penting. Pada asasnya, dalam HTML tidak ada topik yang sukar dan tiada yang tidak penting kerana HTML adalah standard yang mesti diikuti.

Jenis aksara ruang putih dalam HTML

Memandangkan segala-galanya jelas tentang tujuan aksara ruang putih, adalah wajar memahami jenis aksara ruang putih. Dalam HTML, dan secara amnya, aksara ruang kosong boleh dipisahkan seperti berikut: ruang, tab dan pemisah baris. Adalah baik untuk menerangkan aksara ruang kosong dalam perkataan, tetapi saya ingin melihatnya dengan mata kepala saya sendiri, yang akan membantu kami dengan ini, yang mempunyai penyerlahan sintaks, tetapi kini penting bagi kami bahawa Notepad++ boleh memaparkan aksara ruang putih.

Beri perhatian kepada gambar: ini adalah tangkapan skrin daripada Notepad++, yang dibuka daripada siaran yang kita bincangkan . anak panah oren - ini ialah tab dalam dokumen HTML. Memandangkan saya menjalankan Windows 10, Pemisah baris dalam HTML dipaparkan oleh dua aksara: CR dan LF(ini adalah tradisi yang datang dari mesin taip, dalam keluarga OS port Linux garisan ditunjukkan oleh simbol LF). Tetapi bar ruang dalam Notepad++ dipaparkan sebagai simbol titik merah jika anda melihat dengan teliti pada tangkapan skrin, anda akan melihatnya.

Jadi, Notepad++ membantu kami melihat aksara ruang putih dalam dokumen HTML: tab, pemisah baris dan ruang. Walau bagaimanapun, kami tidak akan melihat kebanyakan aksara ruang putih ini masuk halaman HTML, yang akan dijana oleh penyemak imbas untuk kami. Kami telah menyatakan bahawa HTML tidak sensitif kepada ruang kosong dan penyemak imbas membuang semua ruang kosong antara teg.

Kami juga ingin menarik perhatian anda kepada fakta bahawa setiap aksara ruang putih mengambil ruang pada pemacu keras anda saiz aksara ruang putih dalam HTML bergantung pada pengekodan dokumen. Oleh itu, jika anda menyemak imbas dan cuba mengurangkan kelajuan pemuatan tapak, maka pada pengehosan anda boleh cuba mengalih keluar semua aksara ruang kosong antara , dengan itu mengurangkan saiz dokumen.

Ruang dan ruang tidak pecah dalam HTML

Sekarang mari kita lihat setiap aksara ruang putih secara individu. Mari kita mulakan dengan ruang dalam HTML. Jadi, kita sudah tahu bahawa penyemak imbas mengabaikan semua aksara ruang kosong antara tag. Tetapi bagaimanakah penyemak imbas mengendalikan ruang kosong dalam teg? soalan penting, kerana ini menentukan cara teks akan dipaparkan pada halaman. Mari kita lihat ini dengan contoh. Buka mana-mana editor yang sesuai untuk anda, anda juga boleh menggunakan pad nota biasa, tetapi saya mengesyorkan anda, yang mempunyai keupayaan yang sangat baik untuk bekerja dengan HTML, dan taipkan kod berikut:

Simpan fail dengan sambungan .html ke mana-mana folder yang sesuai untuk anda dan bukanya dalam penyemak imbas, anda akan melihat gambar ini:

Kami melihat bahawa dalam perenggan HTML pertama penyemak imbas telah "menukar" segala-galanya ruang tambahan dan aksara ruang putih selain ruang ke dalam satu ruang. Tetapi dalam perenggan kedua keadaan kami agak berbeza. Di sini kami menggunakan watak istimewa, yang sering dikatakan ruang tidak pecah dalam HTML. Masalahnya ialah mengatakan ruang yang tidak pecah dalam HTML adalah tidak betul sepenuhnya, kerana ini adalah urutan pengekodan khas.

Ruang tidak pecah dalam dokumen HTML, seperti dalam mana-mana dokumen lain, digunakan untuk memberitahu program yang dibuka dokumen ini(dalam kes kami kepada penyemak imbas) bahawa perkataan ini disambungkan secara tidak terpisah oleh ruang, dengan kata lain, jika kita menulis "Hello world!", maka penyemak imbas tidak akan memindahkan perkataan "world!" tanpa perkataan "Hello" pada baris baharu, pembalut hanya akan dijalankan bersama-sama. Tambah semua yang lain ruang tidak pecah dalam HTML boleh digunakan untuk meletakkan beberapa ruang antara perkataan di dalam tag HTML.

Perhatikan gambar yang menunjukkan tetingkap penyemak imbas: penyemak imbas mengabaikan semua pemisah baris, walaupun pada hakikatnya kami menggunakan ruang yang tidak pecah di dalam teg HTML

Mari kita ringkaskan: penyemak imbas mengabaikan semua aksara ruang kosong di luar teg HTML dan penyemak imbas memampatkan semua aksara ruang putih dalam teg HTML sehingga satu ruang, jika ruang tidak pecah tidak digunakan di dalam teg HTML.

Tab HTML atau aksara ruang lain

Tab HTML ialah satu lagi aksara ruang kosong. Selalunya, tab dalam HTML digunakan untuk memformat kod HTML dalam editor. Tab tidak boleh digunakan dalam teg HTML.

Yang akan kita bincangkan seterusnya. Masalahnya ialah penjadualan tidak mempunyai saiz tetap. Saiz tab boleh dilaraskan dalam kedua-dua editor dan dalam penyemak imbas. Oleh itu, adalah mustahil untuk menyatakan dengan tepat bagaimana penjadualan akan dipaparkan untuk pengguna tertentu pada .

Penjadualan dalam HTML boleh disesuaikan (dan bukan sahaja dalam HTML), kerana ia mewakili beberapa ruang yang disatukan. Untuk menulis aksara tab ruang, tekan kekunci Tab (saya rasa ini akan berfungsi dalam mana-mana editor). Penjadualan dalam HTML boleh digunakan untuk memformat kod (jangan mengelirukan pemformatan kod dengan memformat teks secara langsung dalam HTML), tetapi ia tidak boleh digunakan di dalam teg HTML, kerana ia akan dipaparkan untuk setiap pengguna mengikut tetapannya, dan oleh itu berbeza . Kami mungkin telah mengatakan semua yang kami boleh tentang menggunakan tab dalam dokumen HTML dan editor.

Pemisahan baris HTML atau aksara ruang ketiga. Watak putus baris

Pemisahan baris dalam HTML, dan bukan sahaja dalam HTML, dilakukan dengan mengklik Masukkan kekunci. Watak putus baris di bilik bedah sistem Linux: LF. Di bilik bedah sistem Windows CR LF, V Sistem Mac OS sebelum versi sembilan, watak pemisah baris ialah urutannya CR. Jadi kita sudah tahu itu Penyemak imbas mengabaikan pemisah baris dalam dokumen HTML, di mana sahaja mereka berada.

Pemisahan baris dalam HTML digunakan terutamanya untuk mengedit dan memformat kod untuk menjadikannya mudah dibaca dan mudah untuk diedit, jangan abaikan peluang untuk meletakkan pemisah baris untuk memudahkan kod dibaca untuk diri sendiri dan orang yang bekerja dengan anda.

Bagaimana penyemak imbas melakukan pemisah baris

Oleh itu, kami telah mengetahui cara penyemak imbas mentafsir aksara ruang kosong dan, pada dasarnya, memutuskan sendiri persoalan apakah aksara ruang kosong itu: tab, ruang, ruang tidak putus, garis putus, kita perlu untuk memformat kod untuk menjadikannya mudah dibaca. Tetapi kami tidak akan memberitahu keseluruhan kebenaran jika kami tidak bercakap tentang cara penyemak imbas memutuskan baris apabila ia tidak mempunyai ruang pandang yang mencukupi.

Masalahnya ialah untuk penyemak imbas, aksara ruang adalah garis panduan yang mana ia menentukan cara garisan akan dibalut dalam kes apabila ia tidak mungkin untuk dimuatkan ke dalam kawasan tontonan. Mari cuba laksanakan contoh mudah. Jom buat HTML mudah dokumen. Buka mana-mana editor yang mudah, sebagai contoh, dan tulis kod berikut:

Ruang putih dalam HTML

Teks yang ditulis tanpa ruang tidak akan dipindahkan

Penyemak imbas menggunakan ruang putih untuk memecahkan baris apabila kawasan tontonan tidak cukup besar untuk memuatkan keseluruhan baris.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >Aksara ruang kosong dalam HTML< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body >

< h1 >Teks yang ditulis tanpa ruang tidak akan dipindahkan< / h1 >

< p >Penyemak imbas menggunakan aksara ruang putih untuk menjalankan pembalut

baris dalam kes di mana tidak terdapat kawasan tontonan yang mencukupi untuk

sesuai dengan keseluruhan baris< / p >

< / body >

< / html >

Dan kemudian buka contoh dalam penyemak imbas dan kurangkan kawasan tontonan kepada minimum, anda akan melihat lebih kurang gambar yang sama seperti dalam rajah di bawah.

Dalam kes pengepala HTML, penyemak imbas tidak membungkus apa-apa dan meninggalkan baris seperti sedia ada. Tetapi dalam kes perenggan HTML, pelayar mempunyai pemahaman itu cara membalut garisan disebabkan fakta bahawa teks perenggan mengandungi aksara ruang putih, yang difokuskan oleh penyemak imbas untuk menjalankan pemisah baris.

Jadi kami telah pun menemuinya tiga penggunaan ruang putih dalam HTML: yang pertama dan utama ialah aksara ruang putih digunakan untuk memformat kod, aplikasi kedua ialah penyemak imbas, memfokuskan pada aksara ruang putih, melakukan pemisah baris apabila ia tidak mempunyai ruang pandang yang mencukupi, dan penggunaan ketiga aksara ruang putih dalam HTML ialah semua tentang memisahkan perkataan dalam teks.

Pemisahan baris paksa dalam HTML. tag HTML

Jadi, kami mendapati bahawa pelayar bersin pada pemisah baris dalam HTML, tetapi apakah yang perlu kita lakukan jika terdapat keperluan untuk memutuskan garisan di mana kita mahu, dan bukan di mana port pandangan dalam penyemak imbas berakhir? Sebagai contoh, kita ingin menerbitkan puisi, tetapi menerbitkannya dalam perenggan tidak begitu betul dan menyusahkan. Dalam situasi sedemikian, teg HTML menyelamatkan kita dan sangat menjimatkan.
.

BR ialah HTML huruf kecil elemen dan teg HTML tunggal. Melaksanakan tag HTML
satu yang mudah, tetapi fungsi penting – memaksa garis putus. Apabila penyemak imbas melihat tag HTML
, ia menjana elemen HTML yang dilihat pengguna sebagai pemisah baris. Mari kita buat pemisah talian paksa menggunakan contoh, buka mana-mana editor yang sesuai untuk anda, pada pendapat saya salah satu yang paling banyak editor yang selesa is , dan salin kod berikut:

Ruang putih dalam HTML

Birch putih
Di bawah tingkap saya
dilitupi salji
Betul-betul perak.

< ! DOCTYPE html >

< html lang = "ru-RU" >

< head >

< meta charset = "UTF-8" >

< title >Aksara ruang kosong dalam HTML< / title >

< link rel = "stylesheet" type = "text/css" href = "style.css" / >

< / head >

< body >

< p >Birch putih< br >Di bawah tingkap saya< br >

Melindungi diri saya dengan salji,< br >Betul-betul perak.< / p >

< / body >

< / html >

Kuatrain daripada karya Yesenin akan dipaparkan seperti berikut:

Setiap baris puisi ditulis dengan baris baru, pada dasarnya, inilah yang kami cari. Jadi, tag
digunakan untuk memaksa pemisah baris dalam HTML. Jika anda menulis dua atau lebih teg BR berturut-turut, penyemak imbas akan menjana seberapa banyak pemisah baris paksa kerana terdapat teg
dia akan berjumpa dalam dokumen itu.

Ciri penting tag
ialah semua aksara ruang putih yang terletak dalam kod sebelum itu dan semua aksara yang terletak selepas ia diabaikan. Oleh itu, anda boleh membuat pemisah baris paksa dengan selamat dengan teg ini, tanpa rasa takut bahawa watak ruang putih tambahan akan "merangkak keluar" di suatu tempat. Perlu diingat bahawa tag
mempunyai satu jelas yang memberitahu pelayar cara mengendalikan yang seterusnya
baris jika teks membungkus elemen HTML terapung, tetapi kita akan membincangkannya dalam catatan lain.

Memelihara ruang kosong dalam HTML. tag HTML

Sekarang mari kita bincangkan masalah Vladimir Mayakovsky... Lebih tepat lagi, gayanya, lebih tepat lagi, bagaimana kita boleh menulis puisi Vladimir Mayakovsky dalam dokumen HTML.

Adakah kita benar-benar perlu menggunakan aksara HTML khas, seperti ruang yang tidak pecah dan selepas setiap baris tag
? Jawapan: sudah tentu tidak. Pembangun standard HTML mengambil kira perkara ini dan mengguna pakainya ke dalam standard HTML khas tag

. Tag Atau praformat boleh diterjemahkan ke dalam bahasa Rusia sebagai pemformatan pengarang.
Tag ini membenarkan mengekalkan aksara ruang putih dalam HTML.  Apabila penyemak imbas menemui teks di dalam teg 
Ia memaparkannya sebagaimana adanya, iaitu, mengekalkan semua aksara ruang putih: pemisah baris, tab dan hanya ruang akan disimpan di dalam teg Cara anda menulisnya.
Perlu diingat bahawa tag HTML 
Digandingkan, dan elemen HTML PRE adalah peringkat blok.  Sebenarnya, teg itu dipanggil pemformatan pengarang kerana sebab yang kami nyatakan di atas: penyemak imbas menyimpan semua aksara ruang kosong teks di dalam teg ini dalam bentuk di mana pengarang menulisnya.  Mari kita cuba simpan semua aksara ruang putih dalam HTML, menggunakan tag Dan mari lihat cara aksara ruang putih akan dipaparkan dalam penyemak imbas.

Kod dokumen sangat mudah, ayat V. Mayakovsky diletakkan di dalam bekas 
Sekarang mari kita lihat Bagaimanakah penyemak imbas mengendalikan aksara ruang kosong di dalamnya? elemen HTML PRA.

Kami melihat bahawa semua aksara ruang kosong dikekalkan dalam bentuk yang kami tulis.  Sekarang kami telah memastikan bahawa tag 
Benar-benar mengekalkan aksara ruang putih dalam halaman HTML.
Jadi, mari kita ringkaskan semua perkara di atas. Terdapat tiga jenis aksara ruang putih dalam HTML: tab, pemisah baris dan ruang.. Tab dalam HTML Hanya boleh digunakan untuk memformat kod HTML dalam editor. Pemisahan baris dalam HTML pelayar mengabaikannya, "memampatkan" mereka ke ruang, sama seperti tab.  Untuk membuat pemisah baris dalam HTML, gunakan teg 
.
Ruang putih dalam HTML diperlukan untuk dua tujuan: penyemak imbas menggunakan ruang untuk menentukan cara memecahkan baris diperlukan untuk menjadikan teks boleh dibaca.  HTML menyokong aksara pengekodan khas, mis. aksara ruang tidak pecah dalam HTML boleh digunakan apabila anda ingin menulis berbilang ruang dalam satu baris (jika tidak, penyemak imbas akan memotongnya kepada satu) atau dalam kod yang anda ingin memberitahu penyemak imbas supaya tidak membungkus perkataan pada baris baharu tanpa satu sama lain.
Salam, pembaca laman blog yang dihormati.  Sedikit lebih awal, kami sudah berjaya bercakap tentang itu, dan juga belajar tentang reka bentuk di dalamnya.  Hari ini kita pula mempunyai konsep ruang putih dalam HTML, serta pemformatan kod yang berkaitan semasa menulisnya (untuk kemudahan pembacaan dan persepsi seterusnya).
Nah, disebabkan fakta bahawa kami akan menyentuh topik ruang yang tidak pecah dan sempang lembut, kami perlu menumpukan perhatian kami pada apa yang dipanggil aksara khas atau mnemonik yang digunakan dalam bahasa Html, yang akan membolehkan anda menambah kod web dokumen mempunyai banyak simbol tambahan, seperti yang telah disebutkan di atas.  Tetapi perkara pertama dahulu.
Ruang dan aksara ruang putih dalam HTML
Sebelum beralih kepada isu pemformatan teks menggunakan teg yang direka khas untuk ini (perenggan, tajuk, dsb.), saya ingin memikirkan bagaimana ruang, pemisah baris (Enter) dan penjadualan ditafsirkan dalam bahasa HTML, dan cara pemecahan teks dijalankan dalam tetingkap penyemak imbas apabila saiznya diubah.
Benar, untuk pemformatan visual jenis ini (yang tidak akan kelihatan pada halaman web), selalunya bukan ruang itu sendiri yang digunakan, sebaliknya aksara tab dan garis putus.  Terdapat peraturan sedemikian - apabila anda mula menulis bersarang tag HTML, Itu inden menggunakan tab (Kekunci tab pada papan kekunci), dan apabila anda menutup teg ini, keluarkan lekukan (gabungan kekunci Shift+Tab pada papan kekunci).
Ini mesti dilakukan supaya teg pembukaan dan penutup berada pada tahap menegak yang sama (pada bilangan tab yang sama dari tepi kanan halaman dalam editor Html anda, contohnya, Notepad++, yang saya tulis).  Di samping itu, saya menasihati anda untuk segera selepas menulis elemen pembukaan membuat beberapa pemisah baris dan segera menulis penutup pada tahap yang sama (bilangan tab), supaya anda tidak lupa untuk melakukan ini kemudian.
Itu.  elemen pembukaan dan penutup hendaklah berada pada tahap yang sama secara menegak, dan teg dalaman harus dialihkan oleh satu aksara tab dan meletakkan teg penutup dan pembukaan semula pada tahap yang sama.
Untuk web mudah dokumen ini mungkin kelihatan seperti berlebihan, tetapi apabila mencipta yang lebih atau kurang kompleks, mereka kod akan menjadi lebih jelas dan boleh dibaca kerana ruang yang banyak, dan juga lebih mudah untuk mengesan ralat disebabkan susunan tag yang simetri.
Aksara khas atau mnemonik dalam kod HTML
Jadi, sekarang mari kita bercakap tentang apa yang dipanggil watak istimewa, kemudahan penggunaan yang saya umumkan pada permulaan artikel ini.  Watak istimewa juga kadangkala dipanggil mnemonik atau penggantian.  Mereka bertujuan untuk menyelesaikan masalah yang telah timbul dalam bahasa penanda hiperteks untuk masa yang lama, berkaitan dengan pengekodan yang digunakan.
Apabila anda menaip teks pada papan kekunci, aksara bahasa anda dikodkan mengikut algoritma yang telah ditetapkan, dan kemudian ia dipaparkan di tapak menggunakan fon yang anda gunakan (tempat untuk mencari dan cara memasang untuk tapak) disebabkan penyahkodan.
Terdapat banyak pengekodan, tetapi untuk bahasa Html versi lanjutan pengekodan telah diterima pakai secara lalai.
Dalam pengekodan teks ini, adalah mungkin untuk merekodkan hanya 256 aksara - 128 daripada ASCII dan 128 lagi untuk huruf Rusia.  Akibatnya, masalah timbul dengan penggunaan pada tapak aksara yang tidak disertakan dalam ASCII dan bukan huruf Rusia yang disertakan dalam Pengekodan Windows 1251 (CP1251).  Nah, anda memutuskan untuk menggunakan tilde atau apostrof, tetapi kemungkinan sedemikian wujud dalam bahasa yang digunakan Pengekodan HTML tidak digadaikan.
Ia adalah untuk kes sedemikian bahawa penggantian atau, dengan kata lain, mnemonik dicipta.  Pada mulanya watak istimewa ada pandangan digital rekod, tetapi kemudian untuk yang paling biasa, rakan surat mereka telah ditambahkan untuk menjadikannya lebih mudah diingati.
DALAM pemahaman umum, mnemonik ialah aksara yang bermula dengan ampersand "&" dan berakhir dengan koma bertitik ";".  Ia adalah tepat untuk sebab-sebab ini bahawa penyemak imbas Penghuraian HTML kod mengekstrak aksara khas daripadanya.  Ampersan dalam kod kad bebas berangka mesti segera diikuti dengan tanda paun "#", kadangkala dipanggil cincang.  Dan hanya kemudian mengikuti kod digital aksara yang dikehendaki dalam pengekodan Unicode.
Lebih daripada 60,000 aksara boleh ditulis dalam Unicode - perkara utama ialah simbol mnemonik yang anda perlukan disokong oleh fon yang digunakan di tapak anda.  Terdapat fon yang menyokong hampir semua aksara Unicode, dan terdapat pilihan hanya dengan set aksara tertentu.
Senarai penuh watak istimewa akan menjadi sangat besar, tetapi mnemonik yang paling biasa digunakan anda boleh meminjam sebagai contoh dari jadual ini:
Simbol Kod HTML perpuluhan 
kod Penerangan



ruang yang tidak pecah
 

 
 
ruang sempit (en-lebar sebagai huruf n)
 

 
 
ruang luas (em-lebar sebagai huruf m)
–
-
–
en-dash (en-dash)
-
—
—
em dash (em dash)

-

pemindahan lembut
A 
́
tekanan diletakkan selepas huruf "tekanan".
©

©
hak cipta
®
®
®
tanda tanda dagangan berdaftar
™
™
™
tanda tanda dagangan
º
º
º
lembing Marikh
ª
ª
ª
cermin Venus
‰
‰
‰
ppm
π
π
π
pi (gunakan Times New Roman)
¦
¦
¦
garis putus-putus menegak
§
§
§
perenggan
°
°
°
ijazah
µ
µ
µ
tanda mikro
¶
¶
¶
tanda perenggan
…
…
…
elipsis
‾
‾
‾
melapik
´
´
´
tanda loghat
№

№
tanda nombor
🔍

🔍
Kaca pembesar (condong ke kiri)
🔎

🔎
Kaca pembesar (condong ke kanan)
tanda-tanda operasi aritmetik dan matematik
×
×
×
membiak
÷
÷
÷
bahagikan
<
<

kurang
>
>
>
lebih
±
±
±
tambah/tolak
¹
¹
¹
darjah 1
²
²
²
darjah 2
³
³
³
darjah 3
¬
¬
¬
Penafian
¼
¼
¼
satu suku
½
½
½
separuh
¾
¾
¾
tiga suku
⁄
⁄
⁄
titik perpuluhan
−
−
−
tolak
≤
≤
≤
kurang atau sama
≥
≥
≥
lebih atau sama
≈
≈
≈
lebih kurang (hampir) sama
≠
≠
≠
tidak sama
≡
≡
≡
secara identik
√
√
√
punca kuasa dua (radikal)
∞
∞
∞
infiniti
∑
∑
∑
tanda penjumlahan
∏
∏
∏
tanda kerja
∂
∂
∂
pembezaan separa
∫
∫
∫
integral
∀
∀
∀
untuk semua orang (hanya kelihatan jika dalam huruf tebal)
∃
∃
∃
wujud
∅
∅
∅
set kosong
Ø
Ø
Ø
diameter
∈
∈
∈
kepunyaan
∉
∉
∉
tidak tergolong
∋
∋
∗
mengandungi
⊂
⊂
⊂
ialah subset
⊃
⊃
⊃
ialah superset
⊄
⊄
⊄
bukan subset
⊆
⊆
⊆
ialah subset atau sama dengan
⊇
⊇
⊇
ialah superset atau sama
⊕
⊕
⊕
tambah dalam bulatan
⊗
⊗
⊗
tanda darab dalam bulatan
⊥
⊥
⊥
berserenjang
∠
∠
∠
sudut
∧
∧
∧
logik DAN
∨
∨
∨
logik ATAU
∩
∩
∩
persimpangan
∪
∪
∪
Kesatuan
tanda mata wang
₽

₽
Ruble.  Tanda ruble mesti digunakan bersama dengan nombor.  Unicode 7.0 standard.  Jika anda tidak melihat imej itu, kemas kini fon Unicode anda.
€
€
€
Euro
¢
¢
¢
sen
£
£
£
Lb
¤
¤
¤
Tanda mata wang
¥
¥
¥
Yen dan Yuan tandatangan
ƒ
ƒ
ƒ
Tanda Florin
penanda

.

penanda mudah
○

○
bulatan
·
·
·
titik tengah
†

†
menyeberang
‡

‡
palang berganda
♠
♠
♠
puncak
♣
♣
♣
kelab



hati
♦
♦
♦
berlian
◊
◊
◊
belah ketupat
✏

✏
pensel
✎

✎
pensel
✐

✐
pensel
✍

✍
tangan
petikan
"
"
"
petikan berganda
&
&
&
ampersand
«
«
«
tanda petikan tipografi kiri (tanda petikan herringbone)
»
»
»
tanda petikan tipografi kanan (tanda petikan herringbone)
‹

‹
membuka petikan sudut tunggal
›

›
penutup petikan sudut tunggal
′
′
′
perdana (minit, kaki)
″
″
″
perdana berganda (saat, inci)
‘
‘
‘
petikan tunggal kiri atas
’
’
’
petikan tunggal kanan atas
‚
‚
‚
petikan tunggal kanan bawah
“
“
“
petik-kaki kiri
”
”
”
petik kaki atas kanan
„
„
„
petik kaki bawah kanan
❛

❛
tanda petikan pembukaan bahasa Inggeris tunggal
❜

❜
tanda petikan penutup bahasa Inggeris tunggal
❝

❝
tanda petikan berganda pembukaan
❞

❞
tanda petikan berganda penutup
anak panah
←
←
←
anak panah kiri



anak panah atas
→
→
→
anak panah kanan
↓
↓
↓
anak panah ke bawah
↔
↔
↔
anak panah kiri dan kanan
↕

↕
anak panah atas dan bawah
↵
↵
↵
pemulangan pengangkutan
⇐
⇐
⇐
dua anak panah kiri
⇑
⇑
⇑
anak panah dua kali ganda
⇒
⇒
⇒
dua anak panah kanan
⇓
⇓
⇓
dua anak panah ke bawah
⇔
⇔
⇔
dua anak panah kiri dan kanan
⇕

⇕
dua anak panah atas dan bawah
▲

▲
anak panah atas segitiga
▼

▼
anak panah ke bawah segitiga



anak panah kanan segi tiga
◄

◄
anak panah kiri segi tiga
bintang, kepingan salji
☃

☃
manusia salji
❄

❄
Kepingan salji
❅

❅
Kepingan salji diapit oleh shamrocks
❆

❆
Kepingan salji bersudut tajam yang gemuk
★

★
Bintang berlorek
☆

☆
Bintang kosong
✪

✪
Bintang yang tidak terisi dalam bulatan yang penuh
✫

✫
Bintang yang dipenuhi dengan bulatan terbuka di dalamnya
✯

✯
Bintang berputar
⚝

⚝
Bintang putih yang dilukis
⚪

⚪
Bulatan terbuka tengah
⚫

⚫
Bulatan terisi tengah
⚹

⚹
Sextile (jenis kepingan salji)
✵

✵
Bintang berputar berbucu lapan
❉

❉
Bintang dengan hujung sfera
❋

❋
Baling bintang berbentuk titisan lapan bucu tebal
✺

✺
Asterisk berbucu enam belas
✹

✹
Bintang berbucu dua belas
✸

✸
Bintang terisi lurus lapan bucu tebal
✶

✶
Bintang berbucu enam
✷

✷
Bintang berisi lapan bucu lurus
✴

✴
Bintang berbucu lapan
✳

✳
Bintang berbucu lapan
✲

✲
Bintang dengan pusat kosong
✱

✱
Bintang gemuk
✧

✧
Bintang terbuka berbucu empat
✦

✦
Bintang berbucu empat yang tajam
⍟

⍟
Bintang dalam bulatan
⊛

⊛
Kepingan salji dalam bulatan
jam, masa
⏰

⏰
Tonton
⌚

⌚
Tonton
⌛

⌛
Jam pasir
⏳

⏳
Jam pasir
Ada yang cukup menarik kaedah mendapatkan Kod HTML mnemonik untuk tanda yang anda perlukan.  Untuk melakukan ini, ia akan cukup untuk dibuka editor Microsoft Firman, cipta dokumen baharu dan pilih daripada menu teratas"Sisipkan" - "Simbol" (Saya menggunakan versi 2003, jadi saya tidak tahu cara melakukan operasi serupa dalam versi yang lebih baru).
Dalam tetingkap yang terbuka, anda perlu memilih fon, contohnya, Times New Roman (atau mana-mana yang lain yang jelas akan hadir pada kebanyakan komputer pelawat tapak anda - Courier atau Arial, contohnya).
Tambahkan daripada senarai yang terbuka kepada anda Dokumen perkataan semua aksara khas yang anda perlukan dan simpan dokumen Word ini sebagai halaman web (dipilih daripada senarai juntai bawah ".html" semasa menyimpan).  Jadi, anda hanya perlu membuka halaman web ini di mana-mana penyunting HTML(Notepad++ yang sama akan dilakukan) dan anda akan melihat segala-galanya kod digital mnemonik yang anda perlukan:
Kaedah ini agak rumit, tetapi jika anda ingin menggunakan beberapa aksara khas yang jarang ditemui pada halaman tapak web anda, maka ia akan lebih mudah daripada mencari di Internet untuk jadual seperti yang ditunjukkan di atas.  Anda perlu menampal kod aksara khas yang terhasil ke dalam Tempat yang betul dan bukannya pada halaman web, penyemak imbas akan memaparkan watak yang anda perlukan (contohnya, ruang yang tidak pecah).
Ruang tidak putus dan tanda sempang lembut dalam contoh
Seperti yang telah saya nyatakan di atas dan seperti yang anda lihat dari jadual aksara khas yang diberikan di atas, beberapa mnemonik dalam Html menerima, sebagai tambahan kepada digital, juga sebutan simbolik untuk lebih hafalan mudah.  Itu.  Daripada tanda cincang "#" (cincang), perkataan digunakan dalam varian simbolik.  Sebagai contoh, ruang tidak putus yang sama boleh ditulis sama ada sebagai (mnemonik digital) atau sebagai (watak).
Semasa menulis artikel, jika anda perlu memasukkan ampersand (&) atau kurungan sudut terbuka (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
Iaitu, jika anda menulis artikel di mana anda perlu memasukkan, sebagai contoh, paparan tag ke dalam teks< body>atau anda hanya perlu memasukkan tanda kurang daripada (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
Oleh itu, anda perlu memasukkan pembinaan berikut untuk menyelesaikan masalah yang sama:
Perkara yang sama berlaku untuk memaparkan kod mnemonik itu sendiri, kerana ia bermula dengan ampersand.  Anda perlu memasukkan kod ke dalam teks, menggantikan tanda ampersand dengan penggantiannya (watak khas):
 Ini perlu dilakukan untuk masuk ke halaman<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
Anda juga berkemungkinan besar akan menggunakan ruang yang tidak pecah, yang akan kelihatan seperti ruang biasa pada halaman web, tetapi penyemak imbas tidak akan menganggapnya sebagai watak ruang sama sekali dan tidak akan melakukan pemindahan ke atasnya(contohnya, ini sesuai untuk frasa seperti 1400 GB, dsb., yang tidak digalakkan untuk ditulis sempang merentas baris yang berbeza):
1400 GB.
Kadangkala situasi yang bertentangan mungkin timbul, apabila teks mengandungi perkataan yang sangat panjang dan anda ingin memastikan bahawa, jika perlu, penyemak imbas Saya boleh memecahkan perkataan ini dengan tanda sempang.  Untuk tujuan sedemikian, simbol khas "pemindahan lembut" disediakan -
Perkataan yang panjang dan panjang;
Apabila ia menjadi perlu untuk beralih ke baris lain, penyemak imbas akan menggunakan tanda sempang dan bukannya mnemonik sempang lembut dan menghantar selebihnya perkataan ke baris seterusnya.  Jika terdapat ruang yang mencukupi untuk meletakkan keseluruhan perkataan ini pada satu baris, maka penyemak imbas tidak akan menarik sebarang suapan baris.  Semudah itu.
 Semoga berjaya!  Jumpa anda tidak lama lagi di halaman laman blog
Anda boleh menonton lebih banyak video dengan pergi ke
");">
Anda mungkin berminat
MailTo - apakah itu dan cara membuat pautan dalam Html untuk menghantar E-mel 
Tag dan atribut tajuk H1-H6, garis mendatar Hr, pemisah baris Br dan perenggan P mengikut piawaian Html 4.01 
Bagaimana untuk memasukkan pautan dan gambar (foto) ke dalam HTML - tag IMG dan A
Teks taip terdiri daripada aksara bercetak - simbol grafik. 
Simbol grafik ialah simbol yang mempunyai paparan yang boleh dilihat dalam teks. 
Semua simbol grafik dikumpulkan dalam satu set sistem Unicode universal. 
Masukkan simbol grafik Unicode ke dalam dokumen html 
- tujuan utama dan satu-satunya untuk jadual ini.
Anda boleh memasukkan simbol ke dalam dokumen HTML dengan salah satu cara berikut:
salin imej simbol dari tetingkap penyemak imbas ke tetingkap editor html visual anda
salin kod html simbol terus ke dalam kod dokumen html
 Sila faham bahawa ini adalah dua kaedah yang berbeza: memasukkan visual ke dalam visual
masukkan kod ke dalam kod.
Fon untuk simbol, saiz dan warnanya dalam HTML boleh ditetapkan dengan kod seperti: 
 CHARACTER_CODE 
di mana, 
Arial - fon, 
10px - saiz fon dalam piksel, 
#ff0000 - kod warna fon (merah)
Sebagai contoh: 
☎ - saiz fon aksara 30px, 
☎ - saiz fon simbol 30px, warna - merah 
☎ - saiz fon aksara 20px, 
☎ - saiz fon simbol 10px. 
Catatan  Fon yang disyorkan untuk memasukkan aksara khas ialah Arial, Verdana dan Tahoma.  Fon ini memaparkan aksara Unicode dengan betul dan ia sendiri disokong dengan betul oleh aplikasi web.
"Simbol"
(paparan simbol kelihatan) 
Dari lajur ini anda boleh menyalin imej simbol dan menampalnya ke dalam tetingkap editor teks html.  Simbol akan disalin dengan saiz fon 20px.  Selepas penyalinan selesai, mungkin perlu melaraskan saiz fon secara individu terus kepada aksara yang disalin.
"Nama"
(hanya untuk watak penting atau tidak jelas) 
Penjelasan tentang tujuan simbol, skopnya, contoh...
"Mnemonik"
Mnemonik ialah binaan abjad dalam bentuk ", yang menunjukkan kod abjad aksara dalam HTML. Ia dimasukkan terus ke dalam kod html dokumen html. Mnemonik sangat popular di kalangan pereka susun atur profesional. Ia dihafal dengan sempurna oleh manusia dan disokong oleh semua aplikasi html Setiap mnemonik mengandungi nama abjad (penunjukan ) simbolnya dan tanda perkhidmatan (&), yang berfungsi sebagai isyarat untuk pelayar membaca kod dan tidak dipaparkan pada skrin monitor setiap mnemonik adalah unik dan mudah dibaca, kerana ia berasal daripada perkataan Inggeris yang mencirikan simbol tersebut. Mnemonik (Greek) - seni mengingati sesuatu.  Mnemonik digunakan untuk memudahkan persepsi maklumat yang sukar dihafal apabila objek hafalan dibawa ke dalam keadaan bersekutu dengan sesuatu.
"Kod"
Kod - kod perpuluhan berangka aksara dalam HTML, seperti &.  Dimasukkan terus ke dalam kod html dokumen html.  Kod perpuluhan terdiri daripada nombor yang menunjukkan nombor siri aksara dalam sistem Unicode dan beberapa aksara perkhidmatan (& dan #), yang berfungsi sebagai isyarat untuk pelayar membaca kod dan tidak dipaparkan pada skrin monitor.  Kod perpuluhan digunakan dan digunakan secara meluas kerana kepelbagaian dan kemudahan persepsi.
Kawal aksara dalam HTML (XHTML)
Aksara kawalan dalam HTML (XHTML) ialah aksara perkhidmatan bahasa HTML yang digunakan dalam reka letak HTML halaman web.  Mana-mana pelayar mesti menyokong aksara ini, kerana tanpa mereka adalah mustahil untuk memaparkan teks HTML dengan betul.  Aksara kawalan tidak dipaparkan dalam teks dan, apabila dimasukkan terus dari papan kekunci, ditafsirkan oleh penyemak imbas sebagai tanda baca yang meminta beberapa tindakan dilakukan apabila halaman dilukis pada skrin.
Ia dibenarkan untuk menggunakan aksara kawalan dalam teks biasa, di mana ia melambangkan konsep universal dan ditafsirkan oleh pelayar sebagai aksara tipografi biasa.  Apabila menggunakan simbol perkhidmatan dalam teks HTML dengan cara ini, bukan nilai simbol itu sendiri yang perlu dimasukkan, tetapi kod HTMLnya.  Kerana, saya ulangi, jika tidak, penyemak imbas akan melihat simbol perkhidmatan sebagai seruan untuk bertindak dan tidak akan memaparkan teks HTML dengan betul pada skrin monitor.
Simbol kawalan dan kod HTMLnya diketahui dan difahami oleh semua penyemak imbas tanpa pengecualian, yang tidak boleh dikatakan, malangnya, tentang simbol lain yang mungkin dipaparkan secara tidak betul dalam pelayar yang berbeza atau, lebih teruk lagi, tidak dipaparkan sama sekali.
Sintaks dan tanda baca









ruang panjang N (ruang biasa)
 

 



ruang panjang M (ruang panjang)
 

 




 

 

-

tanda sempang lembut (aksara tidak boleh dicetak)
-



‑

tanda sempang


 
 ‑

-

sempang panjang N (sempang biasa)
-

–

—

sengkang panjang M (sengkang em)
—

—

.

titik


.

,

koma


,

…

elipsis
…

 
…

:

kolon


:

;

koma bertitik


;

!

tanda seru


!
ǃ

?

tanda soal


?

@

"anjing"


@

*

"bintang"


*

#

"kekisi"


#

‘

petikan kiri atas tunggal
‘

 
‘

’

petikan sebelah kanan atas
’

 
’

‚

petikan tunggal kanan bawah
‚

 
‚

“

petikan kiri atas dua kali
“

 
“

”

petikan dua kanan atas
”

 
”

„

dua kali ganda petikan kanan bawah
&bdquo
 
„

«

tanda petikan dua sudut kiri (Rus)
«

«

»

tanda petikan dua sudut kanan (Rus)
»

»

́

tanda aksen, contoh: Vasya


́

"

apostrof, contoh: Awak"Saya


"

´

akut, contoh: Vasya
´

´

¶

perenggan (aksara tidak boleh dicetak)
¶

¶

§

perenggan
§

§

ˆ

loghat (burung terbalik)
ˆ

 
ˆ

˜

tilde kecil
˜

 
˜

¦

garis putus-putus menegak
¦

¦

(
kurungan kiri


(
)

kurungan yang betul


)

〈

kurungan sudut kiri
〈

〈

〉

kurungan sudut kanan
〉

〉

‹

kurungan sudut kiri, pilihan
‹

‹

›

kurungan sudut kanan, pilihan
›

›

[

kurungan persegi kiri


[

]

kurungan persegi kanan


]

/

slash - watak slash


/

\

garis miring ke belakang


\

⁄

tebas (tanda bahagi)
⁄

⁄

ǀ

bar menegak


ǀ

ǁ

bar menegak berganda


ǁ

‾

melapik, contoh: Vasya‾vasya
‾

‾

¯

makron, contoh: Vasyavasya
¯

¯

Tanda dagangan dan mata wang
+

tambah lagi
+

+

−

tolak
−

-
−

=

sama


=

±

tambah atau tolak
±

±

×

tanda darab
×

×

÷

tanda bahagian
÷

÷

⋅

pengendali titik (tengah baris)
⋅

· 
⋅

∗

pengendali asterisk (tengah baris)
∗

∗

∼

pengendali tilde
∼

∼

.

penanda senarai (tengah baris)
.

 

¹

superskrip "1"
¹

¹

²

superskrip "2"
²

²

³

superskrip "3"
³

³

Superskrip dan subskrip dalam HTML (XHTML) 
boleh dimasukkan menggunakan tag ^{Dan _{, masing-masing: 
NOMBOR ^Superskrip→ NUMBER Superskrip 
NOMBOR _Subskrip→ NUMBER Subskrip}}
½

pecahan "satu separuh"
½

½

⅓

pecahan "satu pertiga"


⅓

¼

pecahan "satu perempat"
¼

¼

¾

pecahan "tiga suku"
¾

¾

№

tanda nombor


№

%

peratus


%

‰

ppm
‰

 
‰

°

darjah
°

°

′

perdana (minit, kaki)
′

′

″

perdana berganda (saat, inci) 
Contoh 1: 30° 25′ 12″ 
Contoh 2: 25′ 12 ″



″

″

µ

mikro
µ

µ

π

Pi
π

π

ƒ

tanda fungsi 
(jangan dikelirukan dengan "integral")
ƒ

 
ƒ

∫

integral
∫

∫

∅

berpalang sifar, set kosong 
(jangan dikelirukan dengan "diameter")
∅

∅

⌀

diameter (jangan dikelirukan dengan huruf Latin "o") yang dipalang)


⌀

ø

Latin "o" dicoret secara menyerong
ø

ø

Ø

Ibukota Latin "O" dicoret secara menyerong
Ø

Ø

∏

tanda kerja
∏

∏

∑

tanda penjumlahan
∑

∑

√

radikal 
(akar kuasa dua atau punca x)
√

√

∝

secara berkadar
∝

∝

∞

infiniti
∞

∞

∠

sudut
∠

∠

⊥

ortogonal (serenjang)
⊥

⊥

∴

menandatangani "oleh itu"
∴

∴

≅

lebih kurang sama
≅

≅

≈

hampir sama
≈

≈

≠

tidak sama
≠

≠

≡

secara identik
≡

≡

≤

kurang atau sama
≤

≤

≥

lebih atau sama
≥

≥

∧

logik DAN
∧

∧

∨

logik ATAU
∨

∨

⊕

tanda tambah dalam bulatan 
(jumlah langsung)
⊕

⊕

⊗

tanda darab dalam bulatan 
(hasil silang, anak panah daripada pemerhati)
⊗

⊗

ʘ

titik dalam bulatan 
(anak panah kepada pemerhati)


ʘ























































































































































































































































































✵
✵