Comentarii

Comentariile sunt singurul lucru pe care toate limbajele îl au în comun.

Ce este un comentariu?

Comentariile HTML nu sunt afișate în browser, dar vă pot ajuta să vă documentați codul sursă HTML.

De ce sunt folosite comentariile?

Comentariile sunt folosite pentru a explica ce fac anume porțiuni ale codului. De exemplu, atunci când este creat un meniu se obișnuiește să se comenteze înainte să începem să scriem codul meniului și la finalul meniului.

Într-un cod precum cel de mai jos, un comentariu este foarte util, deoarece acesta îi spune cititorului că urmează să fie scris “site-menu”.

De asemenea, comentariile trebuie să fie cât mai sugestive.

Totodată, cu comentarii se pot plasa notificări și remindere în HTML.

Cum scriem un comentariu?

Comentariul are o sintaxa specială, diferită de sintaxa tipică HTML: <> </>.

<!– repezintă începutul unui comenariu, iar sfârșitul unui comentariu este delimitat de –>

Textul scris cu verde mai sus este un comentariu.

Comentariile sunt de asemenea foarte bune pentru debugging HTML, deoarece puteți comenta linii HTML de cod, câteodată, pentru a căuta erori.

În plus, se pot comenta porțiuni de cod atunci când nu mai avem nevoie de ele, dar știm că le vom folosi în viitor.

Pentru a face că paragraful comentat să apară pe pagină web, va trebui pur și simplu să fie șterse comentariile.

Unul dintre cele mai folositoare shortcut-uri ale Visual Studio Code este comentarea unei porțiuni.

Cum facem asta? Selectăm toate rândurile care vrem să fie comentate Folosim shortcut-ul corespunzător sistemului de operare

Pentru Mac: cmd + / Pentru Windows și Linux: ctrl + /

Comentarea în CSS:

Comentariile în css vor fi cuprinse între /

De asemenea, pentru a comenta o porțiune de CSS folosim același shortcut ca la HTML.

Cum se decomentează?

Un text se decomenteaza în orice limbaj ștergând pur și simplu tag-ul de început și cel de final al comentariului.

Din fericire, VS Code ne ușurează viață și în acest caz. Pentru a decomenta un cod trebuie doar să selectăm codul pe care dorim să îl decomantăm și apoi să apăsăm shortcut-ul corespunzător sistemului de operare: cmd + / = pentru macOs ctrl + / = pentru Windows și Linux

Exerciții:

Copiați următorul cod:

<!DOCTYPE html>
<html>

<!-- porțiune css -->
  <style>
    .toate_proprietatile {
      font-size: 150%;
      color: red;
      font-family: courier;
      text-align: center;
      font-weight: lighter;
    }
  </style>
<!-- încheiat potriune css -->


  <p class="toate_proprietatile">Paragraf cu clase multiple</p>

  <p> paragraf care trebuie comentat</p>
</html>

1. Comentați paragraful care are ca text “paragraf care trebuie comentat”. Folosiți <!– – >

Soluţie

Soluţie


2. Decomentați codul de la exercițiul 1, apoi comentați:

  font-size: 150%;
      color: red;
      font-family: courier;

Folosiți comentariile specifice CSS-ului

Soluţie

Soluţie


3. Decomentați codul de la exercițiul 2, apoi repetați exercițiul 1 folosind shortcut-ul corespunzător sistemului de operare.

4. Decomentați codul de la exercițiul 3, apoi comentați codul de la exercițiul 2 folosind shortcut-ul corespunzător sistemului de operare.

5. Comentați tot codul cuprins între tag-urile și .

Soluţie

Soluţie


You could leave a comment if you were logged in.