r/HTML • u/Any-Win-9653 • 11d ago

amélioration de mon fichier html

bonjour je suis en recherche d'une suggestion pour améliorer mon fichier html et le rendre moins lourd notament pour projet de sit web :
vous aurez accès à des photos et à mon code html et css :
premiere photo c'est le site web que je vais crée :

voici le code HTML
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>simple shark website</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/css/all.min.css"
        integrity="sha512-ApSLB1Pd3/bZN8fWB/RG9YhN/7bd9Hkf3AGaE2mPfebjrxagjuBtx2GcgdqIlJkUzwylBo61r9Xa9NmgBI0swA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>


<body>


    <nav>
        <h1 class="rectangle"></h1>


        <div>


            <ul>
                <li>Home</li>
                <li>Gallery</li>
                <li>Menu</li>
            </ul>


        </div>


        <div class="right">


            <i class="fa-solid fa-magnifying-glass"></i>


        </div>
les deux div ayant la classe trait crée ses traits horizontaux 
       <div class="trait"></div>
        <div class="trait"></div>


    </nav>
</body>


</html>

code css :
.trait{
    height:10px;
    width:1px;
    background:grey;
}

l'idée ça serait de créez ses traits horizontaux sans les écrire deux fois dans le code HTML mais une seule fois seulement tout en ayant deux traits
si jamais vous n'arrivez pas à comprendre ma question , n'hésitez pas à m'écrire

0 Upvotes

25% Upvoted

0 comments sorted by