HTML5 formlarına ve yeni niteliklere giriş. HTML5 veri öznitelikleri nasıl kullanılır? Global html öznitelikleri

Nitelikler bir öğe hakkında ek bilgi sağlar ve ister çift etiket ister tek etiket olsun, her zaman başlangıç ​​etiketinde tanımlanırlar.

HTML'nin bir takım özellikleri vardır. evrensel ve hemen hemen her etikete uygulanabildiğinden, bu grupta yer alan niteliklere genel nitelikler adı verilir.

Genel nitelikler bu eğitimin örneklerinde sıklıkla görünecektir; bu nedenle, daha önce ele aldığımız nitelikleri kısaca gözden geçirmenizi ve aşağıdaki makalelerde tartışılacak olan bu genel niteliklere kendinizi alıştırmanızı öneririm:

Konuyla ilgili sorular ve görevler

Bir sonraki konuya geçmeden önce pratik görevi tamamlayın:

İpucu: Gerektiğinde sayfa içeriğinin ve öğelerinin dilini tanımlamayı unutmayın. Alıştırmayı tamamladıktan sonra, doğru yaptığınızdan emin olmak için örneği ayrı bir pencerede açarak sayfanın kodunu inceleyin.

İlgilendiğiniz global özelliğin nasıl kullanılacağına dair bir açıklama ve örnek görmek için, üzerine tıklayın veya sayfayı aşağı kaydırarak açıklamasına gidin.

erişim anahtarı

Accesskey özelliği, tarayıcılar tarafından bir öğeyi etkinleştiren veya o öğeye odaklanan bir klavye kısayolu oluşturmaya yönelik bir kılavuz olarak kullanılır.

Not: HTML5'ten önce erişim anahtarı özelliği yalnızca aşağıdaki etiketlerle kullanılabiliyordu: . , , , ,

Ve . HTML 5'ten bu yana bu özellik herhangi bir geçerli HTML etiketiyle kullanılabilir.</p> <p>Accesskey özelliğinin değeri tek tuşa basılarak girilebilecek bir karakter olmalıdır. Özellik değeri olarak boşluk karakterlerine izin verilmez.</p><p>Erişim anahtarı niteliğine ilişkin klavye kısayolları, kullandığınız tarayıcıya bağlıdır:</p> <p>Accesskey niteliğinin aynı değere sahip farklı öğeler üzerinde kullanılması, niteliğin göz ardı edilmesine neden olur.</p> <h2>sınıf</h2> <p>Class niteliği daha sonra CSS ve JavaScript'teki öğelere (sınıf adı aracılığıyla) erişmek için kullanılır.</p> <p>Class özelliğinde değer olarak bir değil birden fazla sınıfı belirtebilirsiniz; bu durumda sınıf adlarının boşluklarla ayrılması gerekir, sınıf adlarının sırası önemli değildir:</p><p> <p>Farklı sınıflardaki reklam blokları aynı CSS özelliklerini farklı değerlerle kullanıyorsa, CSS kodunda geri kalanın altında tanımlanan değer özelliğe uygulanacaktır. Bu nedenle, bu durumda basamaklandırma mekanizması tetiklendiğinden, öznitelik değerindeki sınıf adlarının sırası önemli değildir.</p> <h2>içeriği düzenlenebilir</h2> <p>Contenteditable özelliği kullanıcının bu öğenin içeriğini düzenleyip düzenleyemeyeceğini belirtir. Özellik aşağıdaki değerlerden birini alabilir:</p> <ul><li>doğru veya boş bir dize ("") - öğenin içeriği düzenlenebilir</li> <li>yanlış - içerik düzenlemek yasaktır</li> </ul> <bdo dir="ltr">Sadece biraz metin</bdo> <h2>sürüklenebilir</h2> <p>Sürüklenebilirlik özelliği, kullanıcının bir öğeyi sürükle ve bırak API'sini kullanarak sürükleyip sürükleyemeyeceğini belirler. Özellik üç değerden birini alabilir:</p> <ul><li>true - öğenin sürüklenebilir olduğunu gösterir</li> <li>false - öğenin sürüklenemeyeceğini belirtir</li> <li>otomatik - öğenin sürüklenmesinin varsayılan tarayıcıda ayarlanan değere bağlı olacağını belirtir.</li> </ul><p>Kimlik özelliğini kullanarak yalnızca sayfanın tamamına değil, belirli bir öğeye bağlantılar oluşturabilirsiniz. Bu tür bağlantılar bu sayfanın bir bölümüne veya başka bir sayfanın bir bölümüne yönlendirebilir. Bir öğeye bağlantı vermek için gökyüzüne bir kimlik özelliği ekleyin. Bu durumda bağlantının kendisinin, atıfta bulunduğu öğenin tanımlayıcısının adını içermesi gerekir; bunun önünde # simgesi bulunmalıdır. Bağlantı geçerli sayfanın bir bölümüne yönlendiriyorsa adres olarak yalnızca tanımlayıcının adı belirtilebilir; bağlantı başka bir sayfanın bir bölümüne yönlendiriyorsa tanımlayıcının adı adresin en sonunda belirtilir. adres:</p><h2>dil</h2> <p>Lang özelliği, bir öğe içindeki metin için hangi dilin kullanılacağını belirtmenize olanak tanır. Özellik değeri olarak dil kodları kullanılır:</p><p> <p>İngilizce metin: <span lang="en">"Selam Dünya!"</span>.</p> </p><p>Bu özelliğin kullanılması, tarayıcıların belirli ulusal karakterleri doğru şekilde görüntülemesine, konuşma programlarının metnin dilini belirlemesine ve metni yazım ve dil bilgisi denetleyicileri açısından kontrol etmesine yardımcı olur.</p> <p>Lang özelliği, kullanıcının dil tercihlerine dayalı arama sonuçlarındaki arama sonuçlarının kalitesini artırmak için de kullanılabilir.</p> <h2>yazım denetimi</h2> <p>Yazım denetimi özelliği, öğenin içeriğinin yazım hatalarına karşı denetlenmesine izin verilip verilmeyeceğini belirtir. Özellik aşağıdaki değerlerden birini alabilir:</p> <ul><li>doğru - mümkün olduğunda öğenin içeriğinin yazım hatalarına karşı kontrol edilmesi gerektiğini belirtir.</li> <li>false - öğenin yazım hataları açısından kontrol edilmemesi gerektiğini belirtir.</li> </ul><p>Yazım denetimi özelliği numaralandırılabilir. Bu, açık bir öznitelik değerinin gerekli olduğu anlamına gelir. Değeri olmayan bir özelliğin eklenmesi yasaktır:</p><p> <!-- правильное добавление атрибута --> <textarea spellcheck="false"> <!-- неправильное добавление атрибута --> <textarea spellcheck> </p><p>Yazım denetimi özelliği yalnızca tarayıcıya, tarayıcıların yazım hatalarını denetleyememesi gerektiğine dair bir öneri tanımlar. Normalde, düzenlenemeyen öğeler, öznitelik true olarak ayarlansa ve tarayıcı denetimi desteklese bile hatalara karşı denetlenmez.</p> <h2>stil</h2> <p>Style niteliği, bir öğeye CSS stilleri eklemek için kullanılır. Stil özelliğiyle eklenen stiller, öğede bulunan stillere göre önceliklidir <style>veya harici bir dosyada.</p> <p>Bir öznitelik değerine stil eklerken seçici ve küme parantezleri kullanılmaz. Her bildirimin noktalı virgülle bitmesi gerekir; bundan sonra bir sonraki bildirim yazılabilir. Özellikler ve değerleri arasında ve ayrıca bildirimler arasında boşluklar isteğe bağlıdır:</p><p> <span style="color: red; font-weight: bold;">Kalın kırmızı metin</p><h2>tabindex</h2> <p>Tabindex özelliği, bir öğenin odağa sahip olup olamayacağını ve öğeler arasında odak geçişleri sırasında ("sekme" tuşunu kullanırken) öncelik sırasını belirtir. Özellik, değer olarak bir tam sayı alır:</p><p> <textarea tabindex="5"> </p><p>5 sayısı, elemanın tabindex="4" olan elemandan sonra ve tabindex="6" olan elemandan önce odaklanacağı anlamına gelir. Ancak ardışık değer verilmesine gerek yoktur, her halükarda değeri düşük olan öğeler, değeri yüksek olan öğelerden önce odaklanacaktır. Birkaç öğe aynı pozitif değerlere sahipse, odağın elde edilme sırası, bunların belgenin kaynak kodunda görünme sırasına bağlı olacaktır.</p> <h2>başlık</h2> <p>Title özelliği, bir öğenin içeriği hakkında ek bilgi sağlamak için kullanılır (fare ile öğenin üzerine gelindiğinde tarayıcılar tarafından bir araç ipucu metni olarak görüntülenir).</p> <p>Başlık özelliği genellikle resimlere açıklama eklemek için resimlerle birlikte kullanılır:</p><p> <img src='https://i0.wp.com/1.png' loading=lazy loading=lazy> </p><p>Not: Araç ipucunun, yazı tipinin ve metin renginin görünümü ve boyutu tarayıcıya bağlıdır ve CSS stilleri kullanılarak değiştirilemez.</p> <p>Bunu zaten çözdük. İçeriğe sahip olduklarını öğrendik. Ancak hepsi bu değil. Etiketlerin ayrıca yeteneklerini genişleten nitelikleri vardır ve niteliklerin de değerleri vardır. Onların yardımıyla eleman için parametreleri ayarlayabilir, tasarım stilini belirleyebilirsiniz. Örneğin, etiket</p> <p>Bir paragrafı işaretledin. Peki bunu nasıl doğru hizalı hale getirirsiniz? Bunu yapmak için uygun değere sahip belirli bir özelliğe ihtiyacınız vardır. Bazı etiketlerin çifti olmadığı gibi, bazı nitelikler de değer olmadan kullanılabilir.</p> <h2>Nitelikler nasıl yazılır?</h2> <p>Nitelikler ayrılmış kelimelerdir (etiketler gibi, yalnızca açılı ayraçlar olmadan), ancak değerleri farklı olabilir. Tıpkı etiketler gibi, değerleri olan niteliklerin de küçük harflerle yazılması önerilir, ancak genel olarak tarayıcılar umursamaz - bu sadece iyi bir biçim kuralıdır: Rusça'da AYRICA BÜYÜK HARFLERLE YAZILMASI KABUL EDİLEMEZ. HEDEFE KİLİTLENMEK. HTML neden daha kötü?</p> <p>Niteliklere sahip değerler aşağıdaki formatta yazılır:</p><p>özellik=”değer” lang=”tr”</p> <p>Nitelikler her zaman açılış etiketinin içine ayrılmış kelimeden sonra yazılmalıdır.</p> <p> <p align=”center”>Paragraf</p></p> <p>Genellikle tek bir etiket için birden fazla özellik bulunur. Hangi sırayla listelendikleri önemli değil.</p> <h2>Genel Nitelikler</h2> <p>Her HTML etiketinin kendine ait nitelikleri vardır. Bazı özellikler birden fazla etikette mevcut olabilirken bazıları yalnızca bir etikette çalışabilir. Ayrıca herhangi bir etiketle kullanılabilecek bir grup evrensel (global) özellik de vardır. Bu kategorinin özelliklerine hızlıca bir göz atalım.</p> <ul><li><b>erişim anahtarı</b> belirli bir sayfa nesnesine erişmek için bir klavye kısayolu ayarlamanıza olanak tanır. Örneğin, klavye kısayolunu kullanarak bunu yapabilirsiniz. <b>Alt+1</b> Kullanıcı belirli bir bağlantıya tıkladı. Böylece bir klavye navigasyon sistemi geliştirin.</li> </ul><p>Özellik değeri 0-9 arası sayılar veya Latin alfabesinin harfleri olabilir:</p> <p> <a acceskey=”1” href=”https://youtube.com”>Bağlantı, klavye kısayoluna bir tuşla basıldığında açılacaktır.</a></p> <ul><li><b>sınıf</b> bir etiketi önceden tanımlanmış CSS stiliyle ilişkilendirmenize olanak tanır. Özniteliğin kullanılması, kodu önemli ölçüde azaltmanıza olanak tanır, çünkü aynı CSS bloğunun girişini tekrarlamak yerine, ona karşılık gelen sınıfın adını girmeniz yeterlidir.</li> <li>Kullanarak <b>içeriği düzenlenebilir</b> kullanıcının HTML sayfasının herhangi bir öğesini düzenlemesine izin verebilirsiniz: metni silme, ekleme, değiştirme. Aynı özellik düzenlemeyi ve devre dışı bırakmayı mümkün kılar. Yalnızca iki değer vardır: <b>doğru</b>- düzenlemeye izin ver <b>YANLIŞ</b>- yasakla.</li> <li>Özellik ile <b>bağlam menüsü</b> belgenin herhangi bir öğesine, seçtiğiniz benzersiz bağlam menüsü öğelerini ekleyebilirsiniz. Menünün kendisi etikette oluşturulur <b><menu> </b> ve contextmenu niteliğine kimliği verilir.</li> <li><b>yön</b> metnin yönünü tanımlar: soldan sağa <b>(ltr)</b> veya sağdan sola <b>(rtl)</b>.</li> <li><b>sürüklenebilir</b> yasaklamanızı sağlar <b>(YANLIŞ)</b> veya izin ver <b>(doğru)</b> kullanıcının bu özniteliğe sahip sayfa öğesini sürüklemesi.</li> <li><b>boşaltma noktası</b> tarayıcıya sürüklenen öğeyle ne yapılacağını söyler: copy(value <b>kopyala</b>), taşınmak ( <b>taşınmak</b>) veya ona bir bağlantı oluşturun <b>(bağlantı)</b>.</li> <li><b>gizlenmiş</b>- öğenin içeriğini tarayıcıda görüntülenmeyecek şekilde gizlemenize olanak tanıyan bir özellik. Öznitelik false olarak ayarlanırsa nesne görüntülenir, true - gizli.</li> <li><b>İD</b>öğe tanımlayıcısını ayarlar - nesnenin stilinde basit bir değişiklik için ve ayrıca komut dosyalarının ona erişebilmesi için gerekli olan bir tür ad. Özelliğin değeri onun adı olacaktır. Bir Latin harfiyle başlamalı ve rakamlar, aynı Latin alfabesinin harfleri (büyük ve küçük) ve kısa çizgileri içerebilir. <b>(-) </b> ve alt çizgi <b>(_) </b>. Rus harfleri içeremez.</li> <li><b>dil</b> tarayıcının içeriğin yazıldığı dili anlamasına ve buna göre biçimlendirmesine yardımcı olur (örneğin, dillerde farklı tırnak işaretleri kullanılabilir). Değerler dil kodlarıdır (Rusça - <b>tr</b>, İngilizce - <b>tr</b> ve benzeri.).</li> <li><b>yazım denetimi</b> içerir <b>(doğru)</b> veya devre dışı bırakır <b>(YANLIŞ)</b> yazım denetimi. Özellikle kullanıcının metin gireceği form alanı etiketlerinde bu özelliğin kullanılması yararlı olur.</li> <li><b>stil</b> CSS kodunu kullanarak bir öğenin görünümünü ayarlamanıza olanak tanır.</li> <li><b>tabindex</b> bu özelliğe sahip nesnenin odaklanabilmesi için kullanıcının Tab tuşuna kaç kez basması gerekeceğini belirlemeyi mümkün kılar. Tıklama sayısı, özelliğin değerini (pozitif bir tam sayı) belirler.</li> <li><b>başlık</b>- fareyi öğenin üzerine getirip bir süre hareketsiz bırakırsanız görünecek bir araç ipucu. Değerdeki dize ipucu olacaktır.</li> </ul> <ul><li><b>Çevirmek</b> izin verir <b>(Evet)</b> veya yasaklar <b>(HAYIR)</b> etiket içeriği çevirisi.</li> <li><b>hizalamak</b>öğenin hizalamasını ayarlar. Örneğin metni sola hizalamak için kullanılabilir (değer <b>sol</b>), sağ tarafta ( <b>Sağ</b>), merkezli <b>(merkez)</b> veya genişliğe göre <b>(savunmak)</b>. Resimler için (etiket <b><img> </b>) aynı zamanda satırdaki en yüksek öğenin üstüne hizalamak için de kullanılabilir ( <b>tepe</b>), alt sınır boyunca <b>(alt)</b> ve orta değer, resmin orta çizgisinin çizginin taban çizgisiyle eşleşmesini sağlar.</li> </ul><p>Özelliğin kullanılmasının akılda tutulması önemlidir. <b>hizalamak</b>önerilmez ve metin hizalaması CSS ile daha iyidir.</p> <h2>Niteliklerin kullanımına bir örnek</h2> <p>Örnek olarak bir HTML kodu satırını düşünün:</p> <p> <p contenteditable=”true”>Bu metin düzenlenebilir</p></p> <p>Satırın tamamı, kullanıcının tarayıcıda düzenleyebileceği bir metin paragrafı oluşturur.</p> <p>Dizenin her bir öğesini analiz edelim.</p> <p><b><p> </b>- paragrafın saklandığı kabın açılış etiketi.</p> </b>- kapanış etiketi.</p> <p>Karakterler arasında <b>> </b> Ve <b>< </b> bulunan metin Bu metin düzenlenebilir. Bu, etiketlerin dışında (aralarında) bir yazıttır, yani sayfayı açan kullanıcı tarafından görülebileceği anlamına gelir. Tarayıcı bunu ekranda görüntülenmesi gereken düz metin olarak ele alır.</p> <p><b>içeriği düzenlenebilir</b>=”<b>doğru</b>” - bu özellik ve değeridir. Okulda nasıl olduğunu hatırlayın: x=3. Aynı şekilde burada: <b>içeriği düzenlenebilir</b>=”<b>doğru</b>". Bağlanmak <b>içeriği düzenlenebilir</b> kullanıcının öğenin içeriğini, değerini düzenleyip düzenleyemeyeceğini ayarlar <b>doğru</b> Eşittir işaretiyle ayrılmış tırnak işaretleri içinde yazılmış, düzenleme şunları sağlar:</p> <p>Özellik=”değer” contenteditable=”true”</p> <p>Son güncelleme: 04/08/2016</p> <p>Doğrudan kendi HTML5 web sayfalarınızı oluşturmaya geçmeden önce, bir web sayfasını oluşturan temel yapı taşlarına, tuğlalara bakalım.</p> <p>Herhangi bir HTML belgesi gibi bir HTML5 belgesi de öğelerden, öğeler de etiketlerden oluşur. Tipik olarak elemanlar, açılı ayraçlar içine alınmış bir açma ve kapama etiketine sahiptir. Örneğin:</p><p> <div>div öğesi metni</div> </p><p>Burada başlangıç ​​etiketine sahip tanımlanmış bir div öğesi var <div>ve kapanış etiketi</div>. Bu etiketler arasında div öğesinin içeriği bulunur. Bu durumda içerik olarak düz metin "div text" kullanılır.</p> <p>Öğeler ayrıca tek bir etiketten de oluşabilir; örneğin öğe <br />işlevi satır sonu olan .</p><p> <div>Metin <br />div öğesi</div> </p><p>Bu tür elemanlara boş elemanlar da denir. Kapanış eğik çizgisini kullanmama rağmen, belirtime göre bunun varlığı isteğe bağlıdır ve eğik çizgi olmadan etiket kullanmaya eşdeğerdir: <br></p> <p>Açılış etiketi içindeki her öğe . Örneğin:</p><p> <div style="color:red;">Düğme</div> <input type="button" value="Tıklamak"> </p><p>Burada tanımlanan iki öğe vardır: div ve input. Div öğesinin bir stil özelliği vardır. Eşittir işaretinden sonra özelliğin değeri tırnak içinde yazılır: style="renk: kırmızı;" . Bu durumda "renk:kırmızı;" değeri metin renginin kırmızı olacağını belirtir.</p> <p>İkinci öğe - tek bir etiketten oluşan giriş öğesi iki özelliğe sahiptir: type (öğenin türünü - düğmeyi belirtir) ve değer (düğmenin metnini tanımlar)</p> <p>Stil gibi genel veya tüm öğeler için ortak olan nitelikler vardır ve tür gibi belirli öğelere uygulanan belirli nitelikler vardır.</p> <p>Normal niteliklerin yanı sıra boolean veya boolean nitelikler de vardır. Bu tür niteliklerin bir değeri olmayabilir. Örneğin, bir düğmenin devre dışı bırakılmış özelliğini ayarlayabilirsiniz:</p><p> <input type="button" value="Tıklamak" disabled> </p><p>Devre dışı bırakılmış öznitelik, öğenin devre dışı bırakıldığını gösterir.</p> <h3>Küresel Nitelikler</h3> <p>HTML5'in bir seti var <span>genel özellikler</span>, herhangi bir HTML5 öğesi için geçerli olan:</p> <ul><p>erişim anahtarı : bir öğeye hızla erişmek için bir anahtar tanımlar</p> <p>class : öğeye uygulanacak CSS sınıfını belirtir</p> <p>contenteditable : Öğenin içeriğinin düzenlenebileceğini belirler</p> <p>contextmenu : Bir öğeye sağ tıklandığında görüntülenen öğenin içerik menüsünü belirtir</p> <p>dir : öğedeki metnin yönünü ayarlar</p> <p>draggable : öğenin sürüklenip sürüklenemeyeceğini belirler</p> <p>dropzone : Bir öğeye bırakıldığında dropzone verilerinin kopyalanıp kopyalanamayacağını belirler</p> <p>gizli: öğeyi gizler</p> <p>id : Öğenin benzersiz tanımlayıcısı. Bir web sayfasındaki öğelerin yinelenen kimlikleri olmamalıdır</p> <p>lang : elementin dilini tanımlar</p> <p>yazım denetimi : Verilen öğe için yazım denetiminin kullanılıp kullanılmayacağını belirtir</p> <p>style : öğenin stilini ayarlar</p> <p>tabindex : TAB tuşu kullanılarak öğelerin değiştirilebileceği sırayı belirler</p> <p>title : öğe için ek bir açıklama ayarlar</p> <p>tercüme et : öğenin içeriğinin çevrilmesi gerekip gerekmediğini belirler</p> </ul><p>Ancak kural olarak bu listeden en çok üç tanesi kullanılır: class , id ve style .</p> <h3>Özel Özellikler</h3> <p>İşaretleme dilinin önceki sürümünden farklı olarak HTML5'e özel nitelikler eklenmiştir. Artık web sayfasının geliştiricisi veya yaratıcısı herhangi bir özelliği kendisi tanımlayabilir ve önüne bir önek ekleyebilir. <i>veri-</i>. Örneğin:</p><p> <input type="button" value="Tıklamak" data-color="red" > </p><p>data-color niteliği burada tanımlanır ve "kırmızı" değerine sahiptir. Bu öğe için veya genel olarak html'de böyle bir özellik olmamasına rağmen. Bunu kendimiz tanımlıyoruz ve herhangi bir değere ayarlıyoruz.</p> <h3>Tek veya çift tırnak</h3> <p>Öznitelik değerlerini tanımlarken html'de hem tek hem de çift tırnakların kullanıldığı durumlarla karşılaşmak alışılmadık bir durum değildir. Örneğin:</p><p> <input type="button" value="Tıklamak"> </p><p>Bu durumda hem tek hem de çift tırnaklara izin verilir, ancak çift tırnak daha yaygın olarak kullanılır. Ancak bazen nitelik değerinin kendisi çift tırnak içerebilir; bu durumda değerin tamamını tek tırnak içine almak daha iyidir:</p><p> <input type="button" value="Düğme"Привет мир""> </p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?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> </article> <div class="tags"></div> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" ></div> <div id="venus-269"></div> </div> <div class="seealso"> <span class="title">Devamını oku:</span> <ul> <li> <div> <a href='https://periscopes.ru/tr/usilenie-signala-s-pomoshchyu-sputnikovoi-antenny-kak-uluchshit-signal.html' title='Uydu anteni sinyali nasıl geliştirilir?'> <noindex><img width="640" height="426" src="/uploads/62043ef8934f59b0f2b61cf946ba2377.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Uydu anteni sinyali nasıl geliştirilir?" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-12 00:18:41</noindex></span> <div><a href='https://periscopes.ru/tr/usilenie-signala-s-pomoshchyu-sputnikovoi-antenny-kak-uluchshit-signal.html' title='Uydu anteni sinyali nasıl geliştirilir?'>Uydu anteni sinyali nasıl geliştirilir?</a></div> </li> <li> <div> <a href='https://periscopes.ru/tr/skachat-proekt-po-tehnologii-podstavka-pod-telefon-podstavka.html' title='Teknoloji projesi telefon standı indir'> <noindex><img width="640" height="426" src="/uploads/2f45e82e1cb78f9d8c0cff6a1884e844.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Teknoloji projesi telefon standı indir" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-12 00:18:41</noindex></span> <div><a href='https://periscopes.ru/tr/skachat-proekt-po-tehnologii-podstavka-pod-telefon-podstavka.html' title='Teknoloji projesi telefon standı indir'>Teknoloji projesi telefon standı indir</a></div> </li> <li> <div> <a href='https://periscopes.ru/tr/kak-otremontirovat-porvannye-naushniki-chto-delat-esli-odin-naushnik-ne.html' title='Bir kulaklık çalışmıyorsa ne yapmalı?'> <noindex><img width="640" height="426" src="/uploads/e00109d6db4f973f97bb2aafc2f94a45.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Bir kulaklık çalışmıyorsa ne yapmalı?" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-12 00:18:41</noindex></span> <div><a href='https://periscopes.ru/tr/kak-otremontirovat-porvannye-naushniki-chto-delat-esli-odin-naushnik-ne.html' title='Bir kulaklık çalışmıyorsa ne yapmalı?'>Bir kulaklık çalışmıyorsa ne yapmalı?</a></div> </li> <li> <div> <a href='https://periscopes.ru/tr/tp-link-tl-wn823n-dlya-chego-on-nuzhen-obzor-tp-link-tl-wn823n-kompaktnyi-usb-wi-fi-modul.html' title='Tp link tl wn823n ne işe yarar'> <noindex><img width="640" height="426" src="/uploads/f5097003cf7fd9808fe64e6bc3ba1ac0.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Tp link tl wn823n ne işe yarar" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-11 00:18:30</noindex></span> <div><a href='https://periscopes.ru/tr/tp-link-tl-wn823n-dlya-chego-on-nuzhen-obzor-tp-link-tl-wn823n-kompaktnyi-usb-wi-fi-modul.html' title='Tp link tl wn823n ne işe yarar'>Tp link tl wn823n ne işe yarar</a></div> </li> <li> <div> <a href='https://periscopes.ru/tr/obzory-portativnyh-hi-fi-pleerov-hi-fi-pleery-chto-eto-zachem-i.html' title='Hi-Fi oynatıcılar - nedir, neden ve neden?'> <noindex><img width="640" height="426" src="/uploads/8b0b829a8f542dcde7c10ee1cd0de646.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Hi-Fi oynatıcılar - nedir, neden ve neden?" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-11 00:18:30</noindex></span> <div><a href='https://periscopes.ru/tr/obzory-portativnyh-hi-fi-pleerov-hi-fi-pleery-chto-eto-zachem-i.html' title='Hi-Fi oynatıcılar - nedir, neden ve neden?'>Hi-Fi oynatıcılar - nedir, neden ve neden?</a></div> </li> <li> <div> <a href='https://periscopes.ru/tr/optimalnyi-komp-dlya-ks-go-kompyuter-dlya-cs-go-sistema-na.html' title='CS Go için en uygun bilgisayar'> <noindex><img width="640" height="426" src="/uploads/337e68fd7573446afd311582b0684a98.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="CS Go için en uygun bilgisayar" sizes="(max-width: 640px) 100vw, 640px" / loading=lazy loading=lazy></noindex> </a> </div> <span class='date'><noindex>2023-08-10 00:21:59</noindex></span> <div><a href='https://periscopes.ru/tr/optimalnyi-komp-dlya-ks-go-kompyuter-dlya-cs-go-sistema-na.html' title='CS Go için en uygun bilgisayar'>CS Go için en uygun bilgisayar</a></div> </li> </ul> </div> </div> </div> </div> <footer> <nav id="links"> </nav> <div id="footer"> <div class="icon-logos_footer" style="position:absolute; top:16px; left:18px; width: 119px; height: 19px;"> </div> <span>© 2023. Mobil teknolojiler ve telekom operatörleri</span> <div> </div> </footer> </div> </div> </div> <script type='text/javascript' src='https://periscopes.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.7'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.2'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar-article", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-20'] } ; </script> <script type='text/javascript' src='https://periscopes.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.2'></script> <script type='text/javascript' src='https://periscopes.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script> <script type="text/javascript"> $(document).ready(function(){ var bg = $(".slider > ul > li > a > img").attr ("src"); $(".slider").css("background", "url("+bg+")"); $(".slider > ul > li:first-child").addClass ("active"); } ); $(function () { $("#devider").masonry({ itemSelector: ".vpost" } ); $(".sub-menu").each(function () { $(this).parent().eq(0).hover(function () { $(this).addClass("li-hover"); } , function () { $(this).removeClass("li-hover"); } ); } ); $(".tabs-all-cat > li").each(function () { $(this).hover(function () { $(this).addClass("li-hover"); $(".tabs-all-cat > li > ul").show(); } , function () { $(this).removeClass("li-hover"); $(".tabs-all-cat > li > ul").hide(); } ); } ); $(".slider-a").click(function () { $(".slider > ul > li").removeClass ("active"); $(this).parent().addClass ("active"); var bg = $(".active > a > img").attr ("src"); $(".slider").css("background", "url("+bg+")"); } ); } ); </script> </body> </html>