Top

yeni Tag

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

Tüm HTML5 etiketlerince desteklenen özellikler aşağıda listelenmiştir birkaç istisna haricinde. HTML5 Genel Özellikleri Yeni : HTML5'teki yeni özellikler. Özellik Değer Tanım accesskey character Bir elemente erişmek için klavye kısayolu tanımlar. class classname Bir element için class adı oluşturur (stil dosyası için). contenteditable  Yeni true false Kullanıcının içeriği düzenleyip düzenlememe izni verilip verilmemesi - true, izinli - false, değil-. contextmenu  Yeni menu_id Bir element...

HTML5 hataları nasıl ayıklayacağının ve  nasıl tüm html elementlerini kullanıp kuralların kestiriminde bulunarak birlikte çalışabilirliği artırmakta ve geliştirme maliyetini azaltmayı hedeflemekte.

Yeni html5’in bazı özellikleri; ses, video, grafik, sunucu taraflı veri depolama ve interaktif belgeler için işlevler. Hatta nav, header, footer ve figure gibi elementler de içermekte.

HTML5 çalışma grupları AOL, Google, IBM, Microsoft, Mozilla, Nokia, Opera ve yüzlerce satıcıdır.

Not; HTML5 henüz bir W3C tavsiyesi değildir!

‘Yeni’ yazanlar HTML5’teki yeni elementlerdir.


Alfabetik olarak sıralanmış tüm HTML etiketleri, işte referans noktanız!;

HTML5 birkaç yeni elemente ve özelliğine sahip formlar için.

Yeni form elementleri;

  • datalist
  • keygen
  • output

Tarayıcı desteği

Özellik IE Firefox Opera Chrome Safari
datalist Hayır 4.0 9.5 Hayır Hayır
keygen Hayır 4.0 10.5 3.0 Hayır
output Hayır Hayır 9.5 10.0 Hayır

datalist Elementi

Giriş alanı için ayarlar listesi belirler bu element.

Datalist’in içinde option elementi ile liste oluşturur.

Datalist’e id vererek, listelerdeki veri girişlerinin değerlerini alabilirsiniz;

Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3schools.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>

Deneme adresi…

İpucu;  Option elementi daima bir value taşımalı.

HTML5 birkaç yeni input type özelliğine sahip formlar için. Bunlar daha iyi giriş kontrolü ve doğrulaması sağlamakta.

Yeni input type özellikleri;

  • email
  • url
  • number
  • range
  • tarih toplayıcıları(date, month, week, time, datetime, datetime-local)
  • search
  • color

Tarayıcı desteği

Input type IE Firefox Opera Chrome Safari
email Hayır 4.0 9.0 10.0 Hayır
url Hayır 4.0 9.0 10.0 Hayır
number Hayır Hayır 9.0 7.0 Hayır
range Hayır Hayır 9.0 4.0 4.0
Date pickers Hayır Hayır 9.0 10.0 Hayır
search Hayır 4.0 11.0 10.0 Hayır
color Hayır Hayır 11.0 12 Hayır

Not; Opera yeni giriş elemanları için en iyi desteği sunmakta. Bununla birlikte, tüm bilinen tarayıcılarda kullanmaya başlayabilirsiniz. Eğer desteklemiyorlarsa, normal text alanları olarak davranacaklardır.

Input Type – email

Kesinlikle e-posta adresinin girileceği bir giriş alanı sağlar.

Eposta alanının değeri otomatik olarak doğrulanır form onaylandığında.

Örnek ve deneme adresi; Anasayfa: <input type="url" name="user_email" />

İpucu; iPhone üzerindeki Safari email giriş elemanı özelliğini tnaımakta ve eşleşecek şekilde klavye girişlerini değiştirmekte ekranda (adds@and.com ayarları)

Input type – URL

Kesinlikle url adresinin girileceği bir giriş alanı sağlar.

Üstteki ipucu burada da geçerli.

HTML 4.01 1999’da standart olduğundan beri internet epey değişime uğradı.

Günümüzde, bazı HTML 4.01 elementlerinin ya modası geçti ya hiç kullanılmadı ya da amacının dışına çıktı kullanımı. Bu elementler de yeni HTML 5’te yeniden yazıldı ya da kaldırıldı.

Günümüzün internet kullanımının üstesinden daha iyi bir şekilde gelme, HTML5’in yapı için yeni elementlerin,çizim, medya içeriği, ve daha iyi form işleme ile mümkün.


Yeni işaretleme elementleri

Daha iyi bir yapı için elementler:

Etiket Tanım
<article> Harici bir kaynağa ait içerik için kullanılır. Blog, forum içeriği gibi.
<aside> İçeriği çerçeveler ve içeriğin yer aldığı yerdedir.
<command> Bir buton, radyo butonu ve bir onay kutusu için.
<details> Bir belge veya belge parçası için ayrıntıları ifade eder.
<summary> Bir başlık, veya özet, element içindeki ayrıntılara dair
<figure> Bir bölümün yerleşik içeriğinin gruplanması, misal video
<figcaption> Figure bölümü(section) için başlık
<footer> Bir belge veya bölümün footer kısmı için, yazarın adını içerebilir, belgenin tarihini de, iletişim bilgilerini de, veya kullanım haklarına dair ibareler de…
<header> Bir belge veya bölümün için tanıtım kısmı için, navigasyon yani yönlendirme menüsünü de içerebilir.
<hgroup> Başlıkların bir bölümüdür,  <h1> den <h6> ya kadardır, en büyük olan bölümün başlığı olur, ve diğerleri de alt başlık olur.
<mark> Yazıları vurgulamak için
<meter> Ölçü birimi için, en düşük ve en  yüksek değerleri bildiğinizde kullanırsınız.
<nav> Navigasyon bölgesi için
<progress> Bir çalışmanın sürecine dair bilgi verir. Flash’taki loading meselesi…
<ruby> Ruby için(Cince karakterler ve noktalamalar da dahil)
<rt> Ruby notuna dair açıklama için
<rp> Ruby elementini desteklemeyen tarayıcıların ne göstereceğini belirtiriz.
<section> Belgedeki bir bölge. Bölümler, başlıklar, footers veya belgenin diğer bölümleri
<time> Zaman ya da tarih tanımlamak için ya da her ikisi…
<wbr> kelime sonu. Satır sonu nun alternatifi.

 


Yeni medya elementleri

HTML5 yeni medya standartları sunmakta:

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


HTML Paragrafları

Paragraflar <p> etiketi ile tanımlanır. Tarayıcılar(İnternet explorer, firefox, chrome, opera gibi), otomatik olarak paragraftan önce ve sonra boş satır atar bu sayede.

<p> Bu bir paragraf</p>

Kapanış tagını(etiketini) unutmayın

Çoğu tarayıcı kapanış tagini unutmuş bile olsanız html kodunu düzgünce gösterecektir.

<p> Bu bir paragraf

<p> Bu da bir başka paragraf

Yine de tarayıcıların bu davranışına güvenmemek lazım. Beklenmeyen sonuçlar doğurabilir unutulan ya da kullanılmayan kapanış tagları(etiketleri).

Düşen takipçilerim bilirler. Ben sürekli yazan bir insandım. Ama finaller, araştırmalar ve wordpress(şu an kullandığım blog cms)’i  güncelleyemediğim için siteme yazılar yazamadım. Bir sürü ürün denedim, kitap okudum ama buraya aktaramadım. Zamanla tembelliğimden sıyrılırsam aktarmayı düşünüyorum. Üstteki 3 başlığa değineceğim. Umarım ilk ikisi işinize yarar. Yarar ise teşekkür etmeyi unutmayınız lütfen. Yalnız olmadığımı bileyim en azından 😉 Ve Teşekkür edenlere de teşekkür ederim şimdiden.

Kebir Host

Kebir Host benim barındırma hizmetlerimi ve alan adımı sağlayan servis.

İnanılmaz çaba sarf ediyorlar.

Fiyatlar da (yapılan ikramlar da) çok uygun. 🙂 Bu kadar kaliteli hizmet ve teknik bulamazsınız.

Cpanel sunuyorlar. Tam destek sunuyorlar. Teknik yönden kusursuzlar da diyebiliriz.

WordPress Güncelleme Sorunum [Error establishing connection ya da database(veritabanı) bağlantı hatası]

Sitemde bir müddet sorunlar belirdi. Her güncelleme yaptığımda başlıkta yazan hatalar veriyordu ve

Medya insanları nasıl yönlendiriyorsa insanlarımız da mecburen ona göre davranıyor. Şaşılmaz derecede bir etkisi var insanlar üzerinde ki su götürmez bir gerçek. Kapitalist devler reklamını yapar. İnsanlarımız; çeşitli ürünlere sahip olanlara sosyal statü atfedildiğini, ürünleri alınca o değerlere de sahip olacağını sanır. Bir zamanlar sigaralar reklamda boy gosterir kovboy felan çıkardı. Sonra acayip bir hamleyle sigarasını yakardı. Bizim inşaattaki amele de kot pantolon giyip, cebinde nokia’nın en iyi telefonu olup ağzında da Marlboro sigarası olursa kendisine yüksek bir değer verildiğini sanır. Neyse konumdan saptı biraz sanki…

Coca Cola’nın bizim güzel ramazanımızla ne alakası var. Coca Cola’nın kazancı içki içmeyen müslüman ülkelerde artış gösterdiğini ve kârlarının nasıl arttığını 21 Temmuz’da(kriz zamanında) nasıl arttığını açıkladılar. Haber şöyleydi;

“Dünya markası Coca Cola kriz dinlemedi. Yılın ikinci çeyreğinde satışları düştü ama karı yükseldi. Coca-Cola, yılın ikinci çeyreğinde satışları düşmesine rağmen karını yüzde 43 artırdı.

Dünyanın en büyük meşrubat üreticisi şirket, 3 Temmuz’da sona eren ikinci çeyrekte karının geçen yılın aynı dönemine göre yüzde 43 artarak 2,04 milyar dolar (hisse başına 88 sent) olduğunu açıkladı. Şirketin geçen yıl aynı dönemde karı, 1,42 milyar (hisse başına 61 sent) olmuştu.

Şirketin, aynı dönemde satışları ise yüzde 9 gerileyerek 8,27 milyar dolar oldu.”(internethaber)

Ve bizim %60′ müslüman diye tabir edilen halkımız ki ne mükemmel dinamiklere sahip bir ülkeye sahibiz; reklamı yapılan, ramazanla ilişkilendirilen hatta eski ramazanlarla ilişkilendirilen, yeri geldiğinde Amerika’nın savunma sanayisine iyi derecede maddi yardım yapıp haçlı seferlerini hem ticari hem askeri yönden gerçekleştireceklerini ifade eden bir şirketin ürününü lıkır lıkır içer…

1668-1774’te yaşamış bir insan. Yeni Bilim adlı eseriyle ön planda. Bu eseri; tarihi, üç ayrı aşamasıyla (yani Tanrılar çağı, kahramanlar çağı ve insanlar çağı) karakterize edilen ve böylece içkin anlamla donatılan bir süreç olarak açıklayarak anlaşılır hale getirmeye çalışmaktaydı.

Vico,”bütün tartışmaların üstünde duran bir hakikatin ebedi ve hiç sönmeyen ışığı parlar; sivil toplumun dünyası kesinlikle insanların eseridir.”(Vico,1948,Pasaj 331)

Yeni Bilim’in genel argümanı, insan toplumunun, eylemin ürünü olarak tanımlanan insani ilişkiler ile tarihsel ve toplumsal kurumlardan oluştuğu yönündeydi.

Vico, insan doğasının, aile gibi kurumların tarihsel gelişimi içerisinde açımlanıp ortaya konulması gereken belirli ilkelerde temellendiğini kabul ediyordu.