Како и зашто додати коментаре у свој ХТМЛ

click fraud protection

Правилно коментарисан ХТМЛ означавање је важан део добро изграђене веб странице. Те коментаре је лако додати и свако ко у будућности буде морао да ради на коду те веб локације (укључујући себе или чланове било ког тима са којим радите) биће вам захвалан на тим коментарима.

Како додати ХТМЛ коментаре

ХТМЛ се може написати у стандардном уређивачу текста, као што је Нотепад ++ за Виндовс или ТектЕдит за Мац. Такође можете да користите програм усмерен на веб дизајн као што је Адобе Дреамвеавер или чак ЦМС платформу попут Вордпресс или ЕкпрессионЕнгине. Без обзира на алат који користите за израду ХТМЛ-а, ако директно радите са кодом, додали бисте ХТМЛ коментаре попут овог:

  1. Додајте први део ХТМЛ ознаке коментара:

  2. Након уводног дела коментара, напишите било који текст који бисте желели да се појави за овај коментар. Ово ће у будућности вероватно бити упутства за вашег или другог програмера. На пример, ако желите да одредите где одређени одељак на страници почиње или завршава у маркирању, можете да употребите коментар да то детаљно објасните.

  3. instagram viewer
  4. По завршетку текста коментара затворите ознаку коментара овако:

  5. Дакле, ваш коментар ће изгледати отприлике овако:

  6. Заиста је тако једноставно.

Приказ коментара

Сви коментари које додате у ХТМЛ код појавит ће се у њему када неко прегледа извор веб странице или отвара ХТМЛ у уређивачу да би унео неке промене. Текст коментара се неће појавити у веб прегледачу када нормални посетиоци дођу на страницу. За разлику од осталих ХТМЛ елемената, укључујући пасусе, наслове или листе, који заправо утичу на страницу у тим прегледачима, коментари су заиста делови странице „иза кулиса“.

Коментари за сврхе тестирања

Пошто се коментари не појављују у веб прегледачу, могу се користити за „искључивање“ делова странице током тестирања или развоја странице. Ако уводни део коментара додате непосредно пре дела странице / кода који желите да сакријете, а затим додате завршни део на крају тог кода (ХТМЛ коментари могу да се протежу у више редова, тако да можете отворити коментар на рецимо 50. реду вашег кода и затворите га на линији 75 без проблема), тада се било који ХТМЛ елементи који спадају у тај коментар више неће приказивати у претраживач. Они ће остати у вашем коду, али неће утицати на визуелни приказ странице. Ако требате да тестирате страницу да бисте видели да ли одређени одељак ствара проблеме итд., Коментарисање тог подручја пожељније је него брисање. Уз коментаре, ако се покаже да није у питању одељак дотичног кода, можете лако уклонити коментаре и тај код ће се поново приказати. Само будите сигурни да ови коментари који се користе за тестирање не улазе у производне веб локације. Ако подручје странице не би требало да се прикаже, желите да уклоните код, а не само да га коментаришете, пре него што покренете ту локацију.

Одлична употреба ХТМЛ коментара током развоја је када правите одзивна веб локација. Јер ће различити делови те странице променити свој изглед на основу различите величине екрана, укључујући неке области које се можда уопште неће приказати, коришћење коментара за укључивање или искључивање одељака странице може бити брз и лак трик за коришћење током развоја.

Што се тиче перформанси

Видео сам да неки веб стручњаци предлажу да коментаре треба уклонити из ХТМЛ и ЦСС датотека како би се обријала смањена величина тих датотека и створиле странице са бржим учитавањем. Иако се слажем да странице треба да буду оптимизован за перформансе и требало би да се брзо учита, још увек постоји место за паметну употребу коментара у коду. Запамтите, ови коментари имају за циљ да олакшају рад на веб локацији у будућности, све док не претјерате са коментари додани у сваки ред вашег кода, мала количина датотеке која се дода на страницу због коментара треба да буде већа од прихватљиво.

Савети за коришћење коментара

Неколико ствари на које треба имати на уму или их памтити када користите ХТМЛ коментаре:

  • Коментари могу бити у више редова.
  • Користите коментаре за документовање развоја ваше странице.
  • Коментари такође могу документовати садржај, редове или колоне табеле, пратити промене или шта год желите.
  • Коментари који „искључују“ подручја на веб локацији не би требало да се претворе у продукцију, осим ако ова промена није привремени који ће се обрнути у кратком редоследу (попут укључивања или искључивања поруке упозорења као потребно).
instagram story viewer