На что ссылаются HTML-теги data-fir-if?

Question

Я недавно просматривал код, найденный в репозитории quickstart-js/firestore/ Google Firebase, когда наткнулся на следующее html в index.html:

 63       <header id="site-header" class="mdc-toolbar mdc-toolbar--fixed">          
 64         <div id="title" class="mdc-toolbar__row mdc-layout-grid">               
 65           <section class="mdc-toolbar__section mdc-toolbar__section--align-start">
 66             <span class="material-icons mdc-toolbar__icon--menu">restaurant</span>
 67             <span class="mdc-toolbar__title">FriendlyEats</span>                
 68           </section>                                                            
 69         </div>                                                                  
 70         <div id="section-header" data-fir-if="hasSectionHeader"></div>          
 71       </header>                                                                 
 72   </div>                                                                        

Затем на этот элемент ссылаются в firestore/scripts/FriendlyEats.View.js/ в функции FriendlyEats.prototype.render():

407     'data-fir-if': function(tel) {                                              
408       var field = tel.getAttribute('data-fir-if');                              
409       if (!that.getDeepItem(data, field)) {                                     
410         tel.style.display = 'none';                                             
411       }                                                                         
412     },                                                                          

Мой вопрос здесь: что означает тег data-fir-if, и является ли это своего рода соглашением об именах? Если да, что это за соглашение об именах и где я могу найти ссылку на него?

Answer 1

Атрибуты HTML, начинающиеся с «data -» , используются для хранения данных внутри этого атрибута, как правило, для использования в отношении того, что представлено этим элементом.Если вы внимательно следите за кодом, вы увидите, что он относится к тому, как отображается элемент.В коде конкретно говорится, что если у рассматриваемого элемента нет поля с заданным именем, то не отображать его.