HTML-ARIA-role=banner

by trustix


Eklenme Tarihi : 25 Aralık 2020 20:16 Views:     182



HTML'de role='banner' Nedir?

HTML'de kullanılan ve role özniteliğine verilen banner parametresi genelde web sayfasının üst kısmında bulunan ve daha çok web sitesinin genel karakterini yansıtan bölüm için kullanılmaktadır. Bu bir resim, logo, afiş, slogan, sayfanın kendi reklamı ya da buna benzer bir durum için kullanılır. Genelde sayfanın üst kısmı için varsayılan olarak <header> etiketi kullanılmaktadır. Ancak bazen bütün bunlar ya da bazılar <header> etiketi içerisine yazılmaya uygun olmayabilir.

Ayrıca web sayfasının genel yapısını yansıtan bu yapı sayfada birkaç farklı yerde ve farklı şekilde olabilir. Örneğin hem logo hem slogan için kullanılabilir ve bunlar sayfanın farklı yerlerinde olabilir. Böyle durumlarda web sayfası içerisinde birden fazla banner parametre değeri kullanılır. Kullanılan her banner parametresinin ait olduğu HTML etiketine ise farkı bir id adı verilmelidir.

Örneğin:

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HTML - ARIA - role=banner </title>

</head>

<body>

<!--
    banner öznitelik değeri sayfada kullanılan
    navigasyon yapısında kullanılabilir.
    Ayrıca logo, arama bölümü gibi diğer bölümlerde
    de kullanılabilir.

-->
    <div role="banner">
        <h1>vikikod</h1>
        <ul>
        <li><a href="/">Anasayfa</a></li>
        <li><a href="#">Hakkımızda</a></li>
        <li><a href="#">İletişim</a></li>
    </ul> 
    </div>


<script src="js_test.js"></script>
</body>

</html>

 




Önceki İçerik

Sonraki İçerik


0

Yorum Formu

vikikod.com    © 2019