是否有用于设计html页面的任何自定义语义html标签项目？

Question

I found Semantic UI project here: http://semantic-ui.com/

Semantic is structured around natural language conventions to make development more intuitive.

For example bellow code creates a menu using Semantic :

<nav class="ui menu">
  <h3 class="header item">Title</h3>
  <a class="active item">Home</a>
  <a class="item">Link</a>
  <a class="item">Link</a>
  <span class="right floated text item">
    Signed in as <a href="#">user</a>
  </span>
</nav>

instead of Bootstrap CSS classes:

<div class="navbar">
  <a class="navbar-brand" href="#">Title</a>
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">User</a></p>
  </ul>
</div>

---

My question is: Are there any custom semantic html tags project for designing html pages?

Something like this:

<menu>
    <menu-header>Title</menu-header>
    <menu-item active="true">Home</menu-item>
    <menu-item>Link</menu-item>
    <menu-item>Link</menu-item>
</menu>

Answer 1

There are some of them in the HTML5 definition, for instance the <article> one from https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Content_sectioning .

<menu> happens to be an other one of them : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu .