Varsayılan HTML / CSS bağlantı rengi nedir?

Kod temsiline ihtiyacım var #FFFFFF.

HTML5'ten itibaren, köprülerin ön plan renkleri, diğer şeylerin yanı sıra, beklenen varsayılan oluşturma davranışı için yönergeler biçiminde standartlaştırma yolundadır . Özellikle, Kelime öbeği içeriği bölümünden , ziyaret edilmemiş ve ziyaret edilen köprüler için önerilen varsayılan renkler şunlardır:

:link { color: #0000EE; }
:visited { color: #551A8B; }

:link:active, :visited:activeBununla birlikte, aktif köprüler ( ) için önerilen varsayılan değer olmadığına dikkat edin .

Bu varsayılan renkleri kullanabilir ve makul şekilde çalışmalarını bekleyebilirsiniz. Ancak, bir tarayıcının bu yönergelerin hiçbirini veya tamamını göz ardı etmekte özgür olduğunu unutmayın, çünkü bunları izlemeniz asla gerekmez . Bununla birlikte, tarayıcılar arasında tutarlı bir kullanıcı deneyimi için önerilir (bu bağlamda "beklenen" bu şekilde tanımlanır), bu nedenle bu renklerin çoğu tarayıcı için varsayılanlara karşılık gelmesi olasılığı vardır . En kötüsü, hala gerçek değerlerin makul tahminleri olarak hizmet ederler .

Özellikle, Firefox ve Chrome'un en son sürümlerindeki varsayılan ziyaret edilmemiş ve ziyaret edilen bağlantı renkleri yukarıdaki yönergelere uygundur, ancak IE'nin son sürümleri farklı değerler bildirmektedir: ziyaret edilmemiş bağlantılar rgb(0, 102, 204)veya veya #0066CCziyaret edilen bağlantılar rgb(128, 0, 128)veya #800080. Firefox'un eski sürümlerinin (ve muhtemelen Safari / Chrome'un) farklı varsayılanları da vardı. Ancak bunlar eski sürümlerdir; bugün bildiğim ana aykırı IE. Project Spartan'da bunun değişip değişmeyeceğine dair henüz bir bilgi yok - halen IE'nin son sürümü ile aynı değerleri yansıtmaktadır.

HTML5 tarafından önerilenler yerine tüm tarayıcılar tarafından kullanılan standartlaştırılmış bir renk düzeni arıyorsanız , o zaman bir tane yoktur. Saf CSS kullanarak belirli bir öğenin belirli bir özelliği için tarayıcının varsayılan değerine geri dönmenin de bir yolu yoktur. HTML5 tarafından önerilen renkleri kullanmanız veya kendi renk düzeninizi tasarlamanız ve bunun yerine kullanmanız gerekir. Bu seçeneklerden her ikisi de, tarayıcıdan bağımsız olarak tarayıcının varsayılanlarına göre önceliklidir.

Şüpheniz varsa, about:blankbugün geçerli kaldığı için varsayılan renkleri çıkarmak için her zaman daha önce açıkladığım tekniği kullanabilirsiniz . Örneğin, tüm tarayıcılarda etkin bağlantı rengini koklamak için bunu kullanabilirsiniz; Firefox'un en son sürümünde (bu güncellemeden itibaren 29) rgb(238, 0, 0), veya #EE0000.

• standart bağlantı - # 0000FF // mavi
• ziyaret edilen bağlantı - # 800080 // mor
• etkin bağlantı - # FF0000 // kırmızı

bu standarttı, ancak şu anda tarayıcı başına çok farklı. (Nielsen vazgeçtiği için;)

Gecko'daki varsayılan renkler, kullanıcının tercihlerini değiştirmediğini varsayarsak:

• standart bağlantı: #0000EE(mavi)
• ziyaret edilen bağlantı: #551A8B(mor)
• etkin bağlantı: #EE0000(kırmızı)

Kaynak

Gecko ayrıca kullanıcının renkleri için adlar sağlar; olduklarını -moz-hyperlinktext -moz-visitedhyperlinktextve -moz-activehyperlinktextonlar da sağlamak -moz-nativehyperlinktextsistem bağlantı rengi olan.

Göre resmi varsayılan HTML stil , hiçbir tanımlanmış varsayılan bağlantı rengi vardır. Bununla birlikte, bir ekran görüntüsü alarak ve herhangi bir iyi grafik düzenleyicide pipet aracını kullanarak veya tarayıcınızın geliştirici araçlarını kullanarak (bir aöğe seçin , arayın computed values>color) tarayıcınızın kullandığı varsayılanı öğrenebilirsiniz .

Chrome'un rengine alışkınım, bu nedenle bağlantı için Chrome'daki mavi renk #007bff

Tamamen ziyaret ettiğiniz web sitesine ve web sitesinde, tarayıcıda üzerine yazma olmadığına bağlıdır. Bunun için bir standart yok.

Benim için Chrome'da (Haziran 2018'de güncellendi), ziyaret edilmemiş bir bağlantının rengi # 2779F6. Bunu her zaman çok yakınlaştırarak, ekran görüntüsü alarak ve ekran görüntüsünü renk koduna dönüştürecek html-color-codes.info gibi bir web sitesini ziyaret ederek her zaman elde edebilirsiniz.

Tarayıcının varsayılan stilini bir şey üzerinde almanın en iyi yolu, öğeyi ilk etapta hiç şekillendirmemektir.

CSS'de currentColor, örneğin kenarlığı varsayılan bağlantı renginizle aynı renkte yapmak için bağlantının içindeki renk dizesini kullanabilirsiniz :

.example {
    border: 1px solid currentColor;
}

Varsayılan html renk kodu şöyle:

Red      #FF0000  rgb(255, 0, 0)
Maroon   #800000  rgb(128, 0, 0)
Yellow   #FFFF00  rgb(255, 255, 0)
Olive    #808000  rgb(128, 128, 0)
Blue     #0000FF  rgb(0, 0, 255)
Navy     #000080  rgb(0, 0, 128)
Fuchsia  #FF00FF  rgb(255, 0, 255)
Purple   #800080  rgb(128, 0, 128)