Opmerkingen toevoegen in CSS

opmerkingen in css

Als u bent begonnen met het maken van uw eigen website, heeft u misschien besloten om in de eerste plaats een sjabloon te gebruiken in plaats van deze zelf te ontwerpen (omdat u niet veel idee heeft of omdat u een basis nodig heeft). In deze sjablonen zul je zien dat er soms opmerkingen zijn in CSS. En nee, met die naam verwijzen we niet naar de commentaren of teksten die lezers op uw website plaatsen, maar kleine annotaties die door de ontwikkelaar zijn gemaakt en die helpen te weten waar elk deel van die geweldige code die in het formulier naar verwijst, verwijst. (en hoe het internet eruitziet zoals het werkelijk is.

Vervolgens Weet je wat CSS-opmerkingen zijn? Weet u hoe ze kunnen worden gedaan? Vandaag leggen we alles uit, zodat u ervan op de hoogte bent.

Wat zijn commentaren?

Wat zijn CSS-opmerkingen?

In dit geval gaan we niet verwijzen naar opmerkingen die worden begrepen als teksten die commentaar geven op een nieuwsbericht en die interactie tussen een gebruiker en een webpagina mogelijk maken. In het bijzonder verwijzen we naar degene die tussen HTML-tags worden geplaatst en die niet visueel zichtbaar zijn, maar in de programmeercode van een website worden gevonden, zodanig dat wordt geprobeerd de persoon te informeren waar de code voor is, maar zonder dat dit later op het web wordt weerspiegeld (zoals het is).

Waar zijn de opmerkingen voor?

Het volgende dat u zich misschien afvraagt, is waarom u opmerkingen in een sjabloon of in een programmeerdocument zou moeten plaatsen. En geloof het of niet, deze annotaties zijn erg effectief, want stel je de volgende situatie voor: je bent begonnen met het programmeren van een pagina die je enkele maanden in beslag zal nemen. U maakt veel wijzigingen, schema's op elk van de pagina's, enz. En plotseling, als je terugkijkt, vraag je je af waarvoor die code die erop staat, was. Of erger nog, je moet een kleur of een ontwerp veranderen en je weet niet waar het zich bevindt tussen alle code die je hebt ingevoerd. Wat zou een puinhoop zijn?

Nou, De aantekeningen die u maakt, als commentaar bij het programmeren, helpen u de reden voor die code te onthouden of om uzelf in het project te vinden wat je in handen hebt. Dus zelfs als er weken, maanden of jaren verstrijken, weet je hoe je alles hebt achtergelaten en waar elke code naar verwijst.

Andere keren worden deze commentaren gebruikt om bepaalde aspecten te kunnen testen, zodat ze al dan niet op het web worden geactiveerd, afhankelijk van of ze een fout geven bij het gebruik ervan.

Dat de commentaren niet visueel te zien zullen zijn, betekent natuurlijk niet dat je de vrijheid hebt om iets te schrijven. En soms kunnen de opmerkingen niet op hun plaats zijn of kunnen uw klanten zich beledigd voelen door wat u erin plaatst (dat wil zeggen, volledige discriminatie). Je moet dus voorzichtig zijn en alleen plaatsen wat echt nodig is. Want hoewel ze niet te zien zullen zijn, zijn er tegenwoordig veel browsers waarmee je de HTML-code kunt verkennen en daarmee de geplaatste commentaren zichtbaar kunt maken.

Hoe CSS-opmerkingen te plaatsen

Hoe CSS-opmerkingen te plaatsen

CSS is een van de programmeertalen, misschien wel een van de meest gebruikte talen, samen met HTML, in webpagina's en creatief ontwerp. Daarom is het belangrijk om hem een ​​beetje meer te kennen. In feite is CSS3 degene die u het meest gaat gebruiken.

Als u nu uw "eerste stappen" met het programmeren al hebt gedaan, weet u dat de codes worden gebruikt om de structuur "aan te kleden" en dat de CSS helpt om uw website er aantrekkelijker uit te laten zien. Maar binnen hen zijn er de opmerkingen in CSS. Deze zijn hetzelfde voor elke programmeertaal, hoewel ze in elke taal anders zijn geschreven.

Hoe maak je CSS-opmerkingen? Welnu, hiervoor moet u het volgende doen:

  • Open de opmerking met de scheve schuine streep (Shift + 7).
  • Zet dan een asterisk.
  • Dit is het begin van uw opmerking op een zodanige manier dat alles wat u vanaf dat moment schrijft, niet visueel op het web te zien zal zijn, hoewel het in de HTML-code van het web staat.
  • Om de opmerking te sluiten, moet u eerst een asterisk plaatsen en vervolgens de scheve schuine streep.
  • Op dat moment zal het volgende dat u schrijft visueel van invloed zijn op het web en het zal zichtbaar zijn.

Visueel ziet de opmerking er als volgt uit:

/ * Hier is de opmerking die visueel verborgen zou worden op internet * /

Als je het correct hebt gedaan, is het zeer waarschijnlijk dat het in grijs zal verschijnen en niet in zwart of in andere kleuren zoals bij andere codes. Dat betekent dat het goed is gespecificeerd en dat het een tekst zal zijn die niet op het web zal verschijnen (in het gebied waar u het heeft geplaatst).

Typen opmerkingen in CSS die u kunt plaatsen

Typen opmerkingen in CSS die u kunt plaatsen

Terwijl u met de HTML werkt, is het normaal dat u verschillende commentaren plaatst om te weten wat u doet of om u te waarschuwen dat er onderdelen zijn die niets doen of fouten die u moet herstellen. Achteraf is het echter belangrijk om die soorten opmerkingen te elimineren die echt nutteloos zullen zijn. Dat betekent niet dat u ze allemaal moet verwijderen.

Er zijn enkele CSS-opmerkingen die moeten blijven hangen. Welke? Het volgende:

  • Verduidelijkende opmerkingen. Het zijn CSS-opmerkingen die iets specifieks helpen verklaren. Bijvoorbeeld de grootte van de afbeeldingen in de specifieke sectie, zodat u weet welke afbeeldingen u moet gebruiken.
  • Blokkeer reacties. Dat wil zeggen, de annotaties die worden gemaakt om elke sectie of deel van een website af te bakenen: de voettekst, de koptekst, enz.
  • CSS uitgeschakeld. Hiermee moet u voorzichtig zijn, want u moet ervoor zorgen dat het is uitgeschakeld, maar dat het correct kan werken voor het geval u het opnieuw wilt gebruiken. Stel je bijvoorbeeld voor dat je een website hebt en dat deze erg traag is. Vervolgens besluit u de schuifregelaar die u als eerste hebt geplaatst uit te schakelen en te kijken of deze het web verbetert. Als dit het geval is, kunt u deze op elk gewenst moment terugplaatsen nadat het probleem is verholpen.
  • Kredietopmerkingen. Ten slotte wilt u misschien de opmerkingen achterlaten die verwijzen naar de persoon die de code heeft gemaakt, of de versie van de website die u hebt gemaakt, zodat u kunt evolueren of de persoon kunt erkennen die het werk heeft gedaan (hoewel dat zo is). in sommige gevallen niet visueel zichtbaar.

Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.