bootstrap templateで使用されている独自属性（？）の定義場所

Question

開発用に以下のbootstrap templateを購入しました

course plus

開発に際し, 中身を見ていたところ、特定タグの後ろに独自適宜の属性のようなものが付いているのに気がつきました.
例えば以下で言えば、タグの末尾に付いているuk-nabvarがそれに当たります.

<nav class="uk-navbar-transparent tm-mobile-header uk-animation-slide-top uk-position-z-index" uk-navbar> ... </nav>

お恥ずかしながら, このようなパターンを見るのは初めてなので, これが文法的に言えばどのようなものに当たるのか,
また, どこで適宜されている部分なのか(css? js?)検討がつきません.

有料テンプレートにつき, 全てのフォルダ構成をお伝えすることはできないのですが, 可能な限り教えていただけると幸いです.

よろしくお願いいたします.

Answer 1

これが文法的に言えばどのようなものに当たるのか

たぶん、文法違反です。通常はカスタムデータ属性を使用します。デモページにあるコードではどちらでも動くように書かれていました。
（ざっとしか読んでいませんがuk-aaaもdata-uk-aaaも同じに扱われるように書かれていると思います）

【data-* - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/data-*

---

どこで適宜されている部分なのか

CSS（というかセレクタ）でもJavaScriptからでもアクセス可能です。デモページにあるコードではJavaScriptからのアクセスしか無いようでした。（CSSなら[uk-aaa] [uk-aaa="bbb"]というセレクタでアクセスできます）

【element.hasAttribute - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Element/hasAttribute