HTML -da so'zlarning defislanishi. So'z defisatsiyasi Bir mulkning boshqasidan farqi nimada

"Oq bo'shliq" xususiyati so'zlar orasidagi bo'shliqni qanday ko'rsatishni belgilaydi. Oddiy sharoitlarda HTML -koddagi bo'sh joylar soni veb -sahifada bitta bo'lib ko'rinadi. Istisno - bu element

, bu konteynerga joylashtirilgan matn foydalanuvchi tomonidan formatlanganidek, hamma bo'shliqlar bilan ko'rsatiladi.  Shunday qilib, oq bo'shliq taqlidlari ishlaydi 
Ammo undan farqli o'laroq, u shriftni bitta bo'shliqqa o'zgartirmaydi.
qisqa ma'lumot
Belgilanishlar

Tavsif
Misol
<тип>
Qiymat turini ko'rsatadi.
<размер>

A & B
Qiymatlar ko'rsatilgan tartibda ko'rsatilishi kerak.
<размер> && <цвет>

A |  B
Tavsiya etilgan qiymatlardan faqat bittasini tanlash kerakligini ko'rsatadi (A yoki B).
normal |  kichik qalpoqchalar
A ||  B
Har bir qiymat yakka o'zi yoki boshqalar bilan birgalikda istalgan tartibda ishlatilishi mumkin.
kenglik ||  sanash

Guruh qiymatlari.
[hosil ||  kesib o'tish]
*
Nol yoki undan ko'p marta takrorlang.
[,<время>]*

+
Bir yoki bir necha marta takrorlang.
<число>+

?
Belgilangan tur, so'z yoki guruh ixtiyoriy.
kiritish?
(A, B)
Hech bo'lmaganda A ni takrorlang, lekin B dan ortiq emas.
<радиус>{1,4}

#
Vergul bilan ajratilgan bir yoki bir necha marta takrorlang.
<время>#

×
 
Qiymatlar
Oddiy matn brauzer oynasida odatdagidek ko'rsatiladi, satr uzilishlari avtomatik ravishda o'rnatiladi.  nowrap Bo'shliqlar e'tiborga olinmaydi, HTML kodidagi satr uzilishlari e'tiborga olinmaydi, barcha matn bitta satrda ko'rsatiladi;  ammo, qo'shish 
matnni yangi qatorga o'tkazadi.  Oldin matn HTML -kodga ishlab chiquvchi qo'shgan barcha bo'shliqlar va defislarni o'z ichiga oladi.  Agar chiziq brauzer oynasiga sig'maydigan darajada uzun bo'lsa, gorizontal o'tish paneli qo'shiladi.  oldingi satrdagi bo'sh joylar matnda hisoblanmaydi, agar ko'rsatilgan maydonga mos kelmasa, matn avtomatik ravishda keyingi qatorga o'raladi.  oldindan o'rash Barcha bo'shliqlar va tanaffuslar matnda saqlanadi, lekin agar chiziq kengligi belgilangan maydonga to'g'ri kelmasa, matn avtomatik ravishda keyingi qatorga o'tadi.
Matnga qiymatlarning ta'siri jadvalda keltirilgan.  1.
Misol


 
 
 
 
 
 
 
Misol
 

 
 
 Fermaning oxirgi teoremasi

 X n+ Y n= Z n
bu erda n - butun son> 2
 
 
 

Ushbu misolning natijasi rasmda ko'rsatilgan.  1.
Guruch.  1. Oq bo'shliq xususiyatini qo'llash
Ob'ektlar modeli
Ob'ekt.style.whiteSpace
Eslatma
7.0 gacha bo'lgan Internet Explorer-da oldingi va o'rash qiymatlari qo'llab-quvvatlanmaydi.  Uchun Oddiy va oldingi qiymatlar oldindan o'rash kabi ishlaydi, hozirda esa oldingi satr kabi ishlaydi.</p><p>9.5 versiyasidan oldingi Opera oldingi chiziq qiymatini qo'llab-quvvatlamaydi.  Uchun <textarea>Oddiy va oldingi qiymatlar oldindan o'rash kabi ishlaydi, hozirda esa oldingi satr kabi ishlaydi.</p><p>Firefox -da <textarea>normal, nowrap va pre qiymatlari oldindan o'rash sifatida talqin qilinadi.</p><h2>Xususiyat</h2><p>Har bir spetsifikatsiya tasdiqlashning bir necha bosqichlaridan o'tadi.</p><ul><li>Tavsiya - Bu spetsifikatsiya W3C tomonidan tasdiqlangan va standart sifatida tavsiya etilgan.</li><li>Nomzod tavsiyanomasi ( <span>Mumkin bo'lgan tavsiya</span>) - standart uchun mas'ul bo'lgan guruh o'z maqsadlariga javob berishidan mamnun, lekin standartni amalga oshirish uchun ishlab chiquvchilar jamoasining yordami zarur.</li><li>Tavsiya etilgan tavsiya ( <span>Tavsiya etilgan tavsiya</span>) - Bu vaqtda hujjat W3C maslahat kengashiga yakuniy tasdiqlash uchun taqdim etiladi.</li><li>Ishchi loyiha - muhokamadan va jamoatchilik tomonidan ko'rib chiqilishidan so'ng loyihaning yanada etuk versiyasi.</li><li>Tahririyat qoralamasi ( <span>Tahririy qoralama</span>) - loyiha muharrirlari tahrir qilgandan so'ng standartning qoralama versiyasi.</li><li>Qoralama ( <span>Loyiha spetsifikatsiyasi</span>) - standartning birinchi loyihasi.</li>
</ul>×

 <p>Avtomatik noaniq defisatsiya (defis qo'shmasdan).</p><p>Mulk qiymatlari:</p><ul><li>barchasini buzish <br>Avtomatik uzatish <b>hammasidan</b> so'zlar, matn oqlanganga o'xshaydi.</li><li>break-word (bu saytda sarlavhalarda ishlatiladi) <br>Belgilangan blok kengligiga mos kelmaydigan so'zlarni o'rang.</li>
</ul><h2>Yorqin kelajak.  CSS xususiyatli defis</h2><p>Defis qoidalari brauzerda o'rnatilgan lug'at bilan belgilanadi.  Agar butun hujjat yoki uning alohida qismlari darajasida til kodi bilan lang atributi mavjud bo'lsa, bu xususiyat ishlaydi.</p><p>Qiziqish qiymatlari:</p><ul><li>qo'lda (standart) <br>So'zlar faqat matnning maxsus joyi va uyatchan (yumshoq o'rash) yoki teg qo'shilgan joylarga o'ralgan. <wbr>...  Maxsus belgilar matnga qo'lda joylashtiriladi, ular oddiy matnda ko'rinmaydi va agar so'z mos kelmasa, brauzer maxsus belgi joylashgan joyda defis hosil qiladi.  O'ziga xos belgi va so'zni defisatsiya qilishda uyatchan (maktabda o'qitilgandek), lekin teg yo'q.</li><li>avtomatik <br>Brauzer o'rnatilgan lug'at asosida avtomatik ravishda defisalarni qo'shadi.  Hozircha brauzerni yomon qo'llab -quvvatlashi xromda ishlamaydi (.</li>
</ul> <html lang="en">
...
</html>
<p lang="ru">Dastur <wbr>Miratsiya - bu dasturlash tillari yordamida kompyuter dasturlarini yaratish jarayoni va san'ati.</p> p (chiziqcha: avtomatik;) <h2>Defisatsiyani oldini olish</h2><p>Teskari muammo bor - defisni taqiqlash.  Masalan, familiyaning bosh harflarini yoki o'lchov birligini qiymatlardan (100 kg) ajratmang.  Brauzerda defis qo'shilishining oldini olish uchun odatdagi bo'sh joy o'rniga buzilmaydigan bo'sh joy yozing & nbsp</p><p>Bundan tashqari, CSS defis xossasi hech qanday qiymatga ega emas, agar so'zda defis bo'lmasa, hatto matnda yumshoq chiziqcha bo'lsa ham.</p>
<h3>qisqa ma'lumot</h3>
<h3>CSS versiyalari</h3>
<table class="cssver"><tr><th>CSS 1</th>
 <th>CSS 2</th>
 <th>CSS 2.1</th>
 <th>CSS 3</th>
</tr><tr><td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
</tr></table><h3>Tavsif</h3>
<p>"Oq bo'shliq" xususiyati so'zlar orasidagi bo'shliqni qanday ko'rsatishni belgilaydi.  Oddiy sharoitlarda HTML -koddagi bo'sh joylar soni veb -sahifada bitta bo'lib ko'rinadi.  Istisno - bu teg <pre>Bu konteynerga joylashtirilgan matn foydalanuvchi tomonidan formatlanganidek, barcha bo'shliqlar bilan ko'rsatiladi.  Shunday qilib, oq bo'shliq tegning qanday ishlashini taqlid qiladi. <pre>Ammo undan farqli o'laroq, u shriftni bitta bo'shliqqa o'zgartirmaydi.</p>
<h3>Sintaksis</h3>
<p>oq bo'shliq: normal |  hozir |  oldindan |  oldingi qator |  oldindan o'rash |  meros qilib olmoq</p>
<h3>Qiymatlar</h3>Oddiy matn brauzer oynasida odatdagidek ko'rsatiladi, satr uzilishlari avtomatik ravishda o'rnatiladi.  nowrap Bo'shliqlar e'tiborga olinmaydi, HTML kodidagi satr uzilishlari e'tiborga olinmaydi, barcha matn bitta satrda ko'rsatiladi;  ammo, teg qo'shish <br>matnni yangi qatorga o'tkazadi.  Oldin matn HTML -kodga ishlab chiquvchi qo'shgan barcha bo'shliqlar va defislarni o'z ichiga oladi.  Agar chiziq brauzer oynasiga sig'maydigan darajada uzun bo'lsa, gorizontal o'tish paneli qo'shiladi.  oldingi satrda bo'sh joylar hisoblanmaydi, agar matn belgilangan maydonga mos kelmasa, avtomatik ravishda keyingi qatorga o'raladi.  oldindan o'rash Barcha bo'shliqlar va tanaffuslar matnda saqlanadi, lekin agar chiziq kengligi belgilangan maydonga to'g'ri kelmasa, matn avtomatik ravishda keyingi qatorga o'tadi.  qiymatni ota -onadan meros qilib oladi. <p>Matnga qiymatlarning ta'siri jadvalda keltirilgan.  1.</p>
<p>HTML5 CSS2.1 IE Cr Op Sa Fx</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>oq bo'shliq</title>
 <style>
 .example {
 border: 1px dashed #634f36; /* Параметры рамки */
 background: #fffff5; /* Цвет фона */
 font-family: "Courier New", Courier, monospace; /* Семейство шрифта */
 padding: 7px; /* Поля вокруг текста */
 margin: 0 0 1em; /* Отступы */
 white-space: pre; /* Учитываются все пробелы и переносы */
 }
 .exampleTitle {
 border: 1px solid black; /* Параметры рамки */
 border-bottom: none; /* Убираем линию снизу */
 padding: 3px; /* Поля вокруг текста */
 display: inline; /* Отображать как встроенный элемент */
 background: #efecdf; /* Цвет фона */
 font-weight: bold; /* Жирное начертание */
 font-size: 90%; /* Размер шрифта */
 margin: 0; /* Убираем отступы */
 white-space: nowrap; /* Переносов в тексте нет */
 }
 </style>
 </head>
 <body>
 <p class="exampleTitle">Misol</p>
 <p class="example">
 <html>
 <body>
 <b>Fermaning oxirgi teoremasi</b><br>
 <i>X <sup><small>n</small></sup>+ Y <sup><small>n</small></sup>= Z <sup><small>n</small></sup></i><br>bu erda n - butun son> 2</body>
 </html>
 </p>
 </body>
</html>
</p><p>Ushbu misolning natijasi rasmda ko'rsatilgan.  1.</p>
<p>Guruch.  1. Oq bo'shliq xususiyatini qo'llash</p>
<h3>Ob'ektlar modeli</h3>
<p>document.getElementById ("elementID") .style.whiteSpace</p>
<h3>Brauzerlar</h3>
<p>7.0 gacha bo'lgan Internet Explorer-da oldingi qator, oldindan o'rash va merosxo'rlik mavjud emas.  Uchun <textarea></p>
<p>9.5 versiyasidan oldingi Opera oldingi chiziq qiymatini qo'llab-quvvatlamaydi.  Uchun <textarea>Oddiy va oldingi qiymatlar oldindan o'rash kabi ishlaydi, hozirda esa oldingi satr kabi ishlaydi.</p>
<p>3.0 va iOS-dan oldingi Safari oldindan va oldingi satr qiymatlarini qo'llab-quvvatlamaydi.</p>
<p>Firefox 2.0 versiyasiga qadar, oldingi va oldingi o'rash qiymatlarini qo'llab-quvvatlamaydi.  Uchun <textarea>normal, nowrap va pre qiymatlari oldindan o'rash sifatida talqin qilinadi.</p>
<p>Vlad Merjevich</p>
 <p>Matndan farqli o'laroq, defisatsiya veb -sahifada kamdan -kam qo'llaniladi, chunki biz qog'oz o'lchamiga qattiq bog'lanmaganmiz.  Veb -saytlarni har xil monitorlarda, har xil o'lchamdagi, har xil operatsion tizimlarda va brauzerlarda ko'rish mumkin.  Bularning barchasi kombinatsiyalarning bunday kombinatsiyasini keltirib chiqaradi, shuning uchun oxirgi matn foydalanuvchiga qanday ko'rinishini oldindan aytib bo'lmaydi.  Shu sababli, matn odatda chap tomonga tekislanadi va chiziqcha butun so'zlar bilan yoziladi.  Biroq, ba'zi hollarda, masalan, uzoq kimyoviy yoki tibbiy atamalar ishlatilganda, ma'lum bir kenglikdagi tor ustunlarda, estetika uchun defis qo'yish zarur.  HTML va CSS -da defis qo'shishning qo'lda yoki avtomatik usullari unchalik ko'p emas, shuning uchun hammasini sanab o'taman.</p>
<h2>Belgidan foydalanish <wbr></h2>
<p>Teg <wbr>HTML5 -ga kiritilgan va agar kerak bo'lsa, so'zlar to'plamini yaratadi.  Rus tili qoidalariga ko'ra, o'tkazishga ruxsat berilgan joylarda biz kiritamiz <wbr>(misol 1).  Agar butun so'z ajratilgan kenglikka to'g'ri kelsa, bu belgi hech qanday tarzda o'zini namoyon qilmaydi va biz uning mavjudligi haqida ham bilmaymiz.  Agar so'z mos kelmasa, brauzer teg joylashgan joyda <wbr>uzatishni yaratadi.</p>
<p>Misol 1. Tag <wbr></p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>O'tkazmalar</title>
 <style> </style>
 </head>
 <body>
 <p class="word">Bir <wbr>supradiklas <wbr>snich Anjelika maktabni tugatgach, biznesni tanladi <wbr>ishlab chiqarish <wbr>haydovchi <wbr>yuzlar.</p>
 </body>
</html>
</p><p>Ushbu misolning natijasi rasmda ko'rsatilgan.  1.</p>
<p>Guruch.  1. Matnni so'z bilan o'rash</p>
<h2>Yumshoq uzatish</h2>
<p>Ilova <wbr>jiddiy kamchilik bor - oldimizda defis yoki boshqa satrda alohida so'z borligini tushunish mumkin emas.  Shu sababli jumlaning ma'nosi yo'qolishi va noto'g'ri tushunilishi mumkin.  Tire qo'yish tipografiya qoidalariga muvofiq amalga oshirilishi kerak, ya'ni: satr oxiriga defis qo'shing.  Yumshoq defis bu ishni juda yaxshi bajaradi, buning uchun HTML kodida maxsus belgi bor -.  U tag bilan bir xil vazifani bajaradi <wbr>- oddiy matnda ko'rinmaydi va defis qo'shganda so'zni boshqa qatorga o'tkazadi (2 -misol).</p>
<p>Misol 2. Yumshoq tashish</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>O'tkazmalar</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">O'n birinchi sinf snitsa Anjelika, maktabni tugatgach, biznes-prodyuser-haydovchi kasbini tanladi.</p>
 </body>
</html>
</p><p>Ushbu misolning natijasi rasmda ko'rsatilgan.  2. E'tibor bering, anjir bilan solishtirganda, matn qanchalik estetik va tushunarli bo'ldi.  1.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_2.png' height="169" width="182" loading=lazy loading=lazy></p>
<p>Guruch.  2. So'zlarni o'rash bilan matn</p>
<h2>Word-break xususiyati</h2>
<p>Tire yaratish jarayonini avtomatlashtirish uchun break-all qiymatiga ega word-break xususiyatidan foydalaning (3-misol).  HTMLga hech qanday belgi yoki teg qo'shishning hojati yo'q, hamma narsa uslublar tomonidan qabul qilinadi.</p>
<p>Misol 3. So'zlarni ajratish yordamida</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>O'tkazmalar</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 word-break: break-all;
 }
 </style>
 </head>
 <body>
 <p class="word">O'n birinchi sinf o'quvchisi Anjelika maktabni tugatgach, kotiblik kasbini tanladi.</p>
 </body>
</html>
</p><p>Ushbu misolning natijasi rasmda ko'rsatilgan.  3. Matnni defis qo'yish qoidalari bu holda hisobga olinmaydi, shuning uchun so'zlarni juda g'alati tarzda defis qilish mumkin.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_3.png' height="148" width="182" loading=lazy loading=lazy></p>
<p>Guruch.  3. So'zlarni o'rash bilan matn</p>
<p>Barcha sanab o'tilgan usullardan "yarim qo'lda" yordamida - eng yaxshi natija beradi - rus tili qoidalariga amal qiladi, matn eng estetik jihatdan yoqimli ko'rinadi.  Matnda uzun so'zlar bo'lsa, undan foydalaning.</p>
<h2>Tire belgisi</h2>
<p>Va nihoyat, defislarni avtomatik qo'shish uchun eng kuchli va qulay xususiyat - bu defis.  Uning harakati brauzerning defisatsiya lug'atiga asoslangan, shuning uchun u eng yaxshi natijani beradi.  IE10, Firefox, Android va iOS -da qo'llab -quvvatlanadi.  Chrome va Opera qo'llab -quvvatlamaydi.  Hammasi ishlashi uchun, teg uchun <html>ru qiymati bilan lang atributini qo'shing (4 -misol).</p>
<p>Misol 4. Tire yordamida</p><p>
 <!DOCTYPE html>
<html lang="ru">
 <head>
 <meta charset="utf-8">
 <title>O'tkazmalar</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 }
 </style>
 </head>
 <body>
 <p class="word">O'n birinchi sinf o'quvchisi Anjelika maktabni tugatgach, kotiblik kasbini tanladi.</p>
 </body>
</html>
</p><p>Ushbu misolning natijasi rasmda ko'rsatilgan.  4.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_4.png' height="146" width="182" loading=lazy loading=lazy></p>
<p>Guruch.  4. So'zlarni o'rash bilan matn</p>
<h2>Defisatsiyani oldini olish</h2>
<p>Ko'pincha teskari muammo paydo bo'ladi - til qoidalariga ko'ra, ular qabul qilinmaydigan joylarda defislarni taqiqlash.  Masalan, siz o'lchov birliklarini raqamdan (10 ml), yilni belgilashdan (miloddan avvalgi 54 -yil), familiyaning bosh harflarini, doimiy qisqartmalarni (va hokazolarni) va boshqalarni ajrata olmaysiz. bo'sh joyga defis qo'shing, uning o'rnini buzilmaydigan bo'sh joy bilan almashtirish kerak (5-misol).</p>
<p>Misol 5. Foydalanish</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>O'tkazmalar</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">70 ° 58 ′ 19 ″ s koordinatalarida ko'l.  NS.  97 ° 24 ′ 5 ″ E.  Qishloq Rossiyaning Krasnoyarsk o'lkasining Taymir Dolgano-Nenets tumanida joylashgan.</p>
 </body>
</html>
</p><p>Bu misolda, koordinatalarning to'g'ri yozilishi uchun, matnni o'rashga ruxsat bermaydigan ishlatiladi.</p>

<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
			</article>

			

			<div class="post-bottom">

				<div class="post-share">
					<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
					<script src="//yastatic.net/share2/share.js"></script>
					<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div>
				</div>

				

			</div>

	

			<div class='yarpp-related'>
	<div class="related-items">

		<div class="headline">Savolingizga javob topmadingizmi?  Mana qara</div>

	
		<div class="items">
					


        <div class="related-item">
        <a class="related-item__title" href="https://totrdlo.ru/uz/pryamaya-struinaya-pechat-shablona-pechatnyh-plat-printer-dlya-izgotovleniya.html"><img src="/uploads/7094ea48aeadde05ab8cc15a3422bab7.jpg" width="120" height="120" alt="Kompyuter ishlab chiqaruvchi uchun Epson t50 pcb ishlab chiqaruvchi printer" class="related-item__image" / loading=lazy loading=lazy>Kompyuter ishlab chiqaruvchi uchun Epson t50 pcb ishlab chiqaruvchi printer</a>
        <div class="related-item__comments"><span></span></div>
    </div>



					
        <div class="related-item">
        <a class="related-item__title" href="https://totrdlo.ru/uz/vodonepronicaemyi-chehol-dlya-smartfona-svoimi-rukami-vodonepronicaemyi-chehol-dlya-telefona-svoimi-ruk.html"><img src="/uploads/cbf0f4e0ada2e0526a69068d38e8b635.jpg" width="120" height="120" alt="DIY suv o'tkazmaydigan telefon qutisi" class="related-item__image" / loading=lazy loading=lazy>DIY suv o'tkazmaydigan telefon qutisi</a>
        <div class="related-item__comments"><span></span></div>
    </div>

					
        <div class="related-item">
        <a class="related-item__title" href="https://totrdlo.ru/uz/podstavka-dlya-telefona-svoimi-rukami-podstavka-dlya-smartfona-na-torpedu-mashiny.html"><img src="/uploads/ce4b2235799dcf571b1f0448d4bb3a4e.jpg" width="120" height="120" alt="O'z qo'lingiz bilan mashina torpedosida smartfon uchun turing yoki mashinada telefon uchun avtomobil ushlagichini qanday yasash kerak" class="related-item__image" / loading=lazy loading=lazy>O'z qo'lingiz bilan mashina torpedosida smartfon uchun turing yoki mashinada telefon uchun avtomobil ushlagichini qanday yasash kerak</a>
        <div class="related-item__comments"><span></span></div>
    </div>

				</div>

	
	</div>
</div>
			
		<div style="text-align: center; margin-top: 15px; margin-bottom: 15px; " id="vanna-1965575812"><div class="adsense"><script type="text/javascript">ga_1();</script></div></div>
			



	
	

	

			
		</main>

		

<aside class="sidebar">



						


        
        <div class="advices" data-theme="vannapedia_v.3">
        <div class="headline"></div>
        <div class="advices-content">
            <img src="/uploads/b786591b741e486d15b46aa314796141.jpg" width="120" height="120" alt="AliExpress Diy dinamik burilish signallari diagrammasi bilan KIT DIY to'plamidan o'z qo'llaringiz bilan dinamik burilish signallarini qanday qilish kerak." class="advices__image" / loading=lazy loading=lazy>
            <div class="advices__title" data-id="3334"><a href="https://totrdlo.ru/uz/dinamicheskie-povorotniki---delaem-iz-nabora-kit-begushchie-ogni-kak-sdelat.html">AliExpress Diy dinamik burilish signallari diagrammasi bilan KIT DIY to'plamidan o'z qo'llaringiz bilan dinamik burilish signallarini qanday qilish kerak.</a></div>
        </div>

    </div>




	
			<div class="vk-widget" id="text-3">			<div class="textwidget"><script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script>


<div id="vk_groups"></div>
</div>
		</div>
				<div class="sidebar-questions">
		<div class="headline">Yangi</div>
		<ul>
        <li><a href="https://totrdlo.ru/uz/kak-postavit-zhestkii-disk-3-5-v-noutbuke-podklyuchenie-zhestkogo-diska.html" >Qattiq diskni qanday o'rnatish kerak 3</a></li>
        <li><a href="https://totrdlo.ru/uz/poyavilsya-gul-na-pk-v-naushnikah-postoronnie-zvuki-i-shumy-v.html" >Quloqchinlarda begona tovushlar va shovqinlar</a></li>
        <li><a href="https://totrdlo.ru/uz/naushniki-shipyat-pri-podklyuchenii-k-noutbuku-postoronnie-zvuki.html" >Quloqchin va karnaylarda begona tovushlar</a></li>
        <li><a href="https://totrdlo.ru/uz/vosstanovlenie-zalitoi-klaviatury-noutbuka-remont-zalitoi.html" >Suv bosgan klaviaturani ta'mirlash Laptop klaviaturasini suv bosgandan keyin qanday tozalash kerak</a></li>
        <li><a href="https://totrdlo.ru/uz/delaem-mikronaushnik-svoimi-rukami-kachestvennye-naushniki-po-priemlemoi-cene.html" >Arzon narxda yuqori sifatli minigarnituralar sizning kompyuteringiz uchun uy qurilishi minigarnituralar</a></li>
        <li><a href="https://totrdlo.ru/uz/kak-podklyuchit-kabelnoe-televidenie-besplatno-podklyuchenie-besplatnogo-cifrovogo-tv-k-televizoru-ka.html" >Kabel televideniyesiga ulanishsiz bepul raqamli televidenie ulanishi</a></li>
</ul>
		
	</div>

							<div class="section">
    
</div>
		
							<div class="section">
				<div class="headline">Ommabop maqolalar</div>
				<ul class="sidebar-posts">
    <li><a href="https://totrdlo.ru/uz/remont-akkumulyatornyh-batarei-noutbukov-vosstanovlenie.html"><img src="/uploads/38648e0084076851340f0687146fcb58.jpg" width="80" height="80" alt="Laptop batareyasini o'zingiz tiklang" / loading=lazy loading=lazy>Laptop batareyasini o'zingiz tiklang</a></li>
    <li><a href="https://totrdlo.ru/uz/kak-podklyuchit-kabelnoe-televidenie-besplatno-kak-samostoyatelno.html"><img src="/uploads/361e29873107a2f94ddde0af9b1952e9.jpg" width="80" height="80" alt="Raqamli televizorni mustaqil ravishda qanday ulash va sozlash kerak Kabel televideniesi O'zingizni qanday ulashingiz mumkin" / loading=lazy loading=lazy>Raqamli televizorni mustaqil ravishda qanday ulash va sozlash kerak Kabel televideniesi O'zingizni qanday ulashingiz mumkin</a></li>
    <li><a href="https://totrdlo.ru/uz/stychka-obratnoi-svyazi-kopiyu-pisma-sozdanie-formy-obratnoi.html"><img src="/uploads/0dc04b439833c39836ac69c26af56d9b.jpg" width="80" height="80" alt="Joomla -ning standart vositalari yordamida teskari aloqa shaklini yaratish" / loading=lazy loading=lazy>Joomla -ning standart vositalari yordamida teskari aloqa shaklini yaratish</a></li>
</ul>
			</div>
		
							<div class="section">
				<div class="headline">Saytda yangi</div>
				<ul class="sidebar-posts  sidebar-photo">
    <li><a href="https://totrdlo.ru/uz/podklyuchenie-tr-hfaznyh-elektrodvigatelei-k-odnofaznoi-seti-trehfaznyi.html">Bir fazali tarmoqdagi uch fazali vosita</a></li>
    <li><a href="https://totrdlo.ru/uz/metody-okrugleniya-chisel-v-javascript-javascript---storonu---typescript-okruglenie.html">Javascript - eng yaqin tamsayıgacha yaxlitlash</a></li>
    <li><a href="https://totrdlo.ru/uz/indikator-diska-indikator-raboty-hdd-chto-dlya-etogo-potrebuetsya.html">Disk ko'rsatkichi.  HDD ishlash ko'rsatkichi.  Buning uchun nima kerak</a></li>
    <li><a href="https://totrdlo.ru/uz/perenosy-slov-v-html-perenosy-slov-v-ch-m-sostoit-razlichie-odno-svoistva-ot.html">So'z defisatsiyasi Bir mulkning boshqasidan farqi nimada</a></li>
    <li><a href="https://totrdlo.ru/uz/vvedenie-v-vsplyvayushchie-sobytiya-javascript---vsplytie-sobytiya-kak-zhe.html">JavaScript - voqealarning ko'pchiligi ular qanday ishlaydi</a></li>
</ul>
				
			</div>
		
		
		</aside>

	</div>

	

<footer class="footer">

		
				<nav class="footer__nav"><ul><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1219"><a href="https://totrdlo.ru/uz/">Yangi</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14138"><a href="https://totrdlo.ru/uz/javascript-zapretit-odnovremennyi-zapusk-neskolkih-taimerov.html">Javascriptdagi taymerlar (setInterval, setTimeout)</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14137"><a href="https://totrdlo.ru/uz/css-prinuditelnyi-perenos-slov-perenos-dlinnyh-slov-s-pomoshchyu-css-vklyuchaem.html">CSS yordamida uzun so'zlarni o'rash</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14134"><a href="https://totrdlo.ru/uz/sravnenie-matric-v-videokamerah-i-fotoapparatah-cmos-ccd-schityvanie-potencialnogo-relefa-s-mat.html">CCD matritsali CCD matritsasidan potentsial yordamni o'qish, u qanday ishlaydi</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14133"><a href="https://totrdlo.ru/uz/chto-takoe-yahoo-com-poiskovaya-sistema-yahoo-obzor-yahu-poiskovoi.html">Yahoo com nima.  Yahoo qidiruv tizimi.  Yahu qidiruv tizimi</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1230"><a href="https://totrdlo.ru/uz/">Ommabop</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14132"><a href="https://totrdlo.ru/uz/ocenka-vremennoi-slozhnosti-algoritma-vidy-funkcii.html">Algoritmlarning murakkabligi funktsiyasining turlari</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14131"><a href="https://totrdlo.ru/uz/gramotnaya-i-bystraya-nastroika-pochtovogo-servera-pochtovyi-server-dlya.html">Yangi boshlanuvchilar uchun pochta serveri</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14129"><a href="https://totrdlo.ru/uz/podlinnost-dannyh-oznachaet-chto-oni-kak-proverit-dostovernost-informacii-kak.html">Ma'lumotlarning to'g'riligini qanday tekshirish mumkin</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14128"><a href="https://totrdlo.ru/uz/staryi-san-huan-kruiznyi-port-san-huan-magaziny-i-kuhnya-san-huana.html">San -Xuan kruiz porti San -Xuan do'konlari va oshxonasi</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14126"><a href="https://totrdlo.ru/uz/poleznye-telefony-v-grecii-kak-pozvonit-v-greciyu-kod-grecii-kody.html">Yunoniston, Yunoniston kodi, yunon shahar kodlari, taksfonlar, mobil telefon Yunoniston terish kodi Afinaga qanday qo'ng'iroq qilish kerak</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14122"><a href="https://totrdlo.ru/uz/mobilnyi-kod-strany-belarus-kak-pozvonit-v-belorussiyu-kak-pozvonit-v.html">Belarusiyaga qanday qo'ng'iroq qilish kerak</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14121"><a href="https://totrdlo.ru/uz/kak-zvonit-v-indoneziyu-kak-pozvonit-iz-indonezii-v-rossiyu.html">Indoneziyadan Rossiyaga qanday qo'ng'iroq qilish kerak</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14119"><a href="https://totrdlo.ru/uz/kak-pozvonit-iz-rossii-v-yaponiyu-telefonnaya-i-sotovaya-svyaz-v.html">Yaponiyadagi telefon va uyali aloqa xizmatlari Yaponiyaga mobil telefon orqali qanday qo'ng'iroq qilish kerak</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1236"><a href="https://totrdlo.ru/uz/">Tavsiya etiladi</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14118"><a href="https://totrdlo.ru/uz/skolko-stoit-zvonok-v-vilnyus-telefonnyi-kod-litvy-kak-pozvonit-v.html">Vilnyusga qo'ng'iroq qilish qancha turadi</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14117"><a href="https://totrdlo.ru/uz/gipertekst---eto-v-informatike-chto-takoe-kem-byl-vveden-termin-gipertekst-kem-i.html">"Gipermatn" atamasini kim kiritgan?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14115"><a href="https://totrdlo.ru/uz/chem-otlichaetsya-optovolokonnaya-svyaz-ot-drugih-optovolokonnye-linii.html">Optik tolali aloqa liniyalari</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14114"><a href="https://totrdlo.ru/uz/kak-pozvonit-v-estoniyu-kak-pozvonit-v-estoniyu-telefonnyi-kod-estonii.html">Estoniyaga qanday qo'ng'iroq qilish kerak: Estoniya telefon kodi Estoniya va Tallinn shahar kodi</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14112"><a href="https://totrdlo.ru/uz/ne-puskaet-v-vk-chto-delat-ne-zahodit-v-vk-my-znaem-chto-delat-pochemu.html">VKga nima qilishingizga ruxsat bermaydi</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14111"><a href="https://totrdlo.ru/uz/pochemu-ne-rabotaet-vk-saver-rasprostranennye-prichiny-i-reshenie-problemy.html">Nima uchun vksaver ishlamayapti?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14110"><a href="https://totrdlo.ru/uz/ne-rabotaet-vksaver-prichiny-pochemu-ne-rabotaet-vksaver-nashe.html">VKSaver ishlamaydi.  Sabablari.  Nima uchun VKSaver ishlamaydi?  Bizning fikrimiz va mulohazalarimiz</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-14108"><a href="https://totrdlo.ru/uz/rabota-po-programmirovaniyu-sistemy-bolid-ohrannaya-signalizaciya-bolid.html">Bolid xavfsizlik signalizatsiyasi - texnik tavsiflar va foydalanish sohalari</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-6898"><a href="https://totrdlo.ru/uz/">Sayt haqida</a>
<ul  class="sub-menu">
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6900"><a href="">Sayt haqida</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6901"><a href="">Saytda reklama</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6902"><a href="">Kontaktlar</a></li>
	
</ul>
</li>
</ul></nav>
			

   

		<div class="footer-bottom">

			<div class="footer-left">

    <div class="foot__logo">
        <div class="footer__logo-sitename">totrdlo.ru <span>ru</span></div>
    </div>
  <style>
    .foot__logo {
    min-height: 35px;
    margin: 0 0 11px -79px;
    padding: 9px 0 0 79px;
    text-decoration: none;
}
  </style>

    <p>© 2021 Barcha huquqlar himoyalangan</p>
    <p>Sizning mobil qo'llanma.  Operatorlar.  Foydali maslahatlar</p>

    <ul class="footer-bottom__nav">
        <li><a href="" >Loyiha bo'yicha reklama</a></li>
    </ul>

</div>

			<div class="footer-buttons">

</div>


					<ul class="footer__soc">
											<li><a href="http://vk.com/"  target="_blank" class="vk">Bilan aloqada</a></li>
															<li>sinfdoshlar</li>
															<li><a href="http://www.facebook.com/"  target="_blank" class="fb">Facebook</a></li>
															<li><a href="https://twitter.com/"  target="_blank" class="twi">Twitter</a></li>
										</ul>
		
			<div class="footer-right">

				<div class="footer__note"></div>

				<div class="footer__counters" id="text-2">			<div class="textwidget"></div>
		</div>
			</div>

		</div>

	</footer>



</div>
</div>
<link rel='stylesheet' id='wp-lightbox-bank.css-css'  href='/wp-content/plugins/wp-lightbox-bank/assets/css/wp-lightbox-bank.css?ver=4.8.3' type='text/css' media='all' />
<script type='text/javascript' src='https://totrdlo.ru/wp-content/themes/vannapedia_v.3/js/scripts.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.3'></script>

<script type='text/javascript' src='/assets/scripts1.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-fixed", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "respond", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ;
</script>
<script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/wp-lightbox-bank/assets/js/wp-lightbox-bank.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://totrdlo.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script>
</body>
</html>