IRC Forum ve mIRC Topluluğu - Genel Forumlar  
Go Back   IRC Forum ve mIRC Topluluğu - Genel Forumlar > Webmaster Forumları > Webmaster Dünyası > HTML - CSS > HTML5
GET sistemi
Hakkimizda Messenger indir GET Platinum Card Etkinlik Takvimi Forum Kurallari Konum Belirleme Lokasyon ve Destek Ofisi


Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 19 Haziran 2014, 12:28
Excalibur - ait Kullanıcı Resmi (Avatar)
 
Kütahya
Üyelik: 18 Haziran 2014
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Ad-Soyad:
Konular: 78
Mesaj Sayısı:78
Beğeniler: 0 / 0
İlgi Alanı:
Standart HTML 5 Teknikleri Serisi - 1

Html 5 ile gelen 10 adet tekniği ve özellikleri sizinle paylaşacağım. Teşekkürler

1.Yeni Dosya Oluştururken ;

Yeni bir html sayfası oluşturunca standart bir kod hemen gelir ; Eski tarayıcılar için önemliydi fakat html 5 ile bu sorun kalktı.

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Bu uzun kod yerine HTML 5 ile gelen şu kodla halledebiliriz.
Kod:
<!DOCTYPE html>


2.Resim Eklerken Dikkat Edilecek Nokta ;

Bilirsiniz , sitenizi w3 testine soktuğunuz <p> tagları için bir çok hata alırsınız.Bunun çözümü de çok basit ya silersiniz o zaman paragraf olarak metni kullanamayabilirsiniz.Bu yüzden yapılacak en güzel yok HTML 5 ile gelen şu kod parçacığını kullanmak;
Eski Kullanımı ;

Kod:
<img src="path/to/image" alt="About image" />  
<p>Image of Mars. </p> 


<-------------->

<figure>  
    <img src="resim.jpg" alt="About image" />  
    <figcaption>  
        <p>Metin İle ilgili açıklama</p>  
    </figcaption>  
</figure>


3.Küçük Metin Yazarken ;

font size ' a gerek kalmadan <small></small> tagları ile metni size ' e orantılı olarak küçültmekte ve estetik bir görüntü sunmakta.

<small>Salvador | Wmzilla</small>.NET

gibi.

4.Dosya bağlantı tipi belirlerken kullanılabilen bir teknik ;

Css dosyası yada bir script ' e bağlantı kurarken type değerini atarız fakat html 5 ile buna da gerek yok .
Eski Kullanım ;

Kod:
<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />  
<script type="text/javascript" src="path/to/script.js"></script>


Yeni Kullanım ;

Kod:
<link rel="stylesheet" href="path/to/stylesheet.css" />  
<script src="path/to/script.js"></script>


5.Düzenlenebilir İçerik ;

Bir tablo satırını düzenlenebilir kılmak çok basit işte yolu .

Kod:
<html lang="en">  
<head>  
    <meta charset="utf-8">  
    <title>Deneme Örneği |ARDA K</title>  
</head>  
<body>  
    <h2> Liste Menüsü </h2>  
     <ul contenteditable="true">  
        <li> Arda Kazancı. </li>  
        <li> Sanalkurs.net  </li>
        <li> Ne yapabileceğini göster </li>  
     </ul>  
</body>  
</html>

Alıntı ile Cevapla
Sponsored Links
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil


Tüm Zamanlar GMT +2 Olarak Ayarlanmış. Şuanki Zaman: 08:06.

Forum Hakkımızda
Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.

© 2014 wmzilla.com | WMZilla Bir Netra iştirakıdır.
09:00 - 20:00 Destek hattı : +31640337288
WMZilla lokasyon ve yazılım ofisi :
Loevesteinlaan 923 2533CC Den haag / Netherlands
WMZilla
DMCA.com Protection Status

Bir irc forum sitesi olan wmzilla.com üzerinde, forum kullanıcıları 5651 sayılı kanun'un ilgili maddesine ve T.C.K'nın 125. maddesine göre yaptıkları paylaşımlardan sorumludur, kullanıcı bazlı herhangi bir durumdan wmzilla.com sorumlu değildir. Tüm hukuksal bildirimlerde bulunmak için abuse@wmzilla.com adresi ile iletişime geçebilirsiniz bu çerçevede, wmzilla.com yönetimi tarafından en geç 7 iş günü içerisinde tarafınıza dönüş yapılacaktır.

rp satın al hd film izle gaziantep günlük daire gaziantep rezidans güvenilir bahis siteleri
gaziantep escort marmaris escort escort bayan ankara escort escort ankara deneme bonusu
We Google