README

安装

方案： composer {ACTION} {VENDOR}/{PRODUCT} {FOLDER_NAME} dev-{BRANCH_NAME}

示例： composer create-project ykrevnyi/markup markup.dev dev-master

使用 HTML5, CSS

我们使用 HTML5

标签

所有标签均使用小写。

好的

<footer> <section> <span>

不好

<FOOTER> <Section> <SpaN>

类

使用“名称1-名称2”这样的命名方式。也就是说，通过连字符。

好的

.container {} .container-wrapper {} .container-wrapper-list {}

不好

.Container {} .containerWrapper {} .containerWrapperList {}

标识符

使用“名称1-名称2”这样的命名方式。也就是说，通过连字符。

好的

#header {} #header-nav {} #header-menu {}

不好

#Header {} #headerNav {} #headerMenu {}

使用

将标识符和类（而非标签）进行绑定。

好的

HTML
<header id="header">
    <a href="#" class="logo"></a>
</header>

CSS
#header {
    border: 1px solid #ccc;
}
#header .logo {
    display: block;
}

不好

HTML
<header>
    <a href="#" class="logo"></a>
</header>

CSS
header {
    border: 1px solid #ccc;
}
header .logo {
    display: block;
}

JavaScript

JS

jQuery