Doing it web When the project is , Naming conventions are important . Beginners are eager for success and have no concept of naming conventions , I think it's better to spend time looking at the frame several times . Actually, in my opinion , A good naming habit is very important . Now let's introduce the naming conventions I summarized :

(1)

1. All in lowercase

2. No Pinyin

(2)

Page body :main;

The overall layout :wrapper;

The head of the page :header;

sign :logo;

Navigation :nav;

menu :menu;

Sub menu :submenu;

title :title;

Main navigation :mainnav;

Sub navigation :subnav;

Search for :search;

Content :content/container;

Left middle right :content-left/conten-center/content-right;

At the end of the page :footer;

Copyright :copyright;

partners :partner;

link :link;

Let's do that first. !

web More articles on front end naming conventions

  1. HTML Coding standards - (WEB Front end naming conventions )

    HTML Coding standards ( One ) Naming rules : head :header Content :content/container tail :footer Navigation :nav Sidebar :sidebar The column :column The page periphery controls the overall layout width :wr ...

  2. To be a leading God , What you have to know web Front end naming conventions .

    One .Web semantic 1.1 H5 Semantically For experienced front end er, In giving web Layout time , I believe they will pay great attention to the standard of label and naming . Especially with html5 The popularization and development of , What's more web Front end semantics is pushed to a new level . such as html ...

  3. Commonly used html、CSS、javascript Front end naming conventions

    Whether from a technical or development perspective , about web Front end development specification documents all have certain specifications , This article is about css3 and html5 The prospect of the development of web Developing documents , For your reference only . Normative purpose : To improve the efficiency of teamwork , It is convenient for the backstage staff to add ...

  4. WEB Front end development specifications

    WEB Front end development specifications Normative purpose To improve the efficiency of teamwork , It is convenient for the backstage staff to add functions and optimize the maintenance of the front end , Output high quality documents , Tailor this document . If this document is wrong or inappropriate, please put forward in time , It can be changed after discussion and decision . basic ...

  5. WEB Front end development specification document ( turn )

    http://codeguide.bootcss.com/   Flexible writing . Stable . High quality HTML and CSS The specification of the code, the document above Combined with the following specifications : Whether from a technical or development perspective , about web The front-end development ...

  6. Web Front end code specification

    Web Front end code specification Last update time :2017-06-25 Link to original article :https://github.com/bxm0927/web-code-standards This project is used to document the . Highly maintainable front ...

  7. Advanced website development ( Thirty-eight )Web Front end development specification document what you need to know

    Web Front end development specification document what you need to know Normative purpose To improve the efficiency of teamwork , It is convenient for the backstage staff to add functions and optimize the maintenance of the front end , Output high quality documents , Tailor this document . Once this specification document is confirmed , The front-end developers must follow the specifications of this document ...

  8. Web Front end development specification document what you need to know

    Web Front end development specification document what you need to know Normative purpose To improve the efficiency of teamwork , It is convenient for the backstage staff to add functions and optimize the maintenance of the front end , Output high quality documents , Tailor this document . Once this specification document is confirmed , The front-end developers must follow the specifications of this document ...

  9. WEB Front end development specification document [ turn ]

    A specification document for a new project , Share with you . I think in the front end development process , Whether it's team development , Or stand alone , There is a development document to standardize , It's very beneficial to the development work . This document is written by me , Some of the comments come from the Internet , Thank you , ...

Random recommendation

  1. Swift Study two

    // Define enumeration mode one enum Season { // Every case Define an instance case Spring case Summer case Fall case Winter } // Define enumeration mode 2 ...

  2. Basic experiment of information security system design 20135211&20135216

    Beijing Institute of Electronic Science and technology (BESTI) real Examination newspaper Sue cover Course : Information security system design basis                class :1352           full name :( Rank by contribution ) Li Xingzhi Liu Weiran           ...

  3. Python Automation operation and maintenance 11、 Object oriented fundamentals

    One . brief introduction Object oriented programming is a way of programming , Use “ class ” and “ object ” To achieve , therefore , Object oriented programming is actually right “ class ” and “ object ” Use . Class is a template , Templates can contain multiple methods ( function ), There are various ways to implement ...

  4. Tools :BT Sync Sync files

    With the development of the Internet , File sharing is becoming more and more convenient , But is the file sharing process safe , This has always been a concern , Today I'd like to introduce you to a sharing tool , It can realize convenient and safe sharing .       The tool is divided into two parts , One is the server part , ...

  5. 【 turn 】 About spring The complement of collection objects

    <span style="font-size:18px;"> About spring The complement of collection objects spring2.0 Improved collection objects in , I added a new one <util> mark ...

  6. Myeclipse、eclipse install lombok

    Lombok brief introduction Lombok It's a simple form of annotation that can help us simplify and eliminate some of the necessary but bloated ones Java Code tools , By using the corresponding annotation , You can generate the corresponding method when compiling the source code . Official address :https:/ ...

  7. httplib and urllib2 Common methods

    They were all used a few years ago , Now turn it over and record it . import httplib import urllib2 import socket ##---------------------------------- ...

  8. 2018-08-29 Browser plug-in implementation GitHub Code translation prototype demonstration

    This prototype comes from this idea : Chinese culture source code . in consideration of IDE The workload of plug-ins is heavy , And with the IDE binding . In various implementations of code conversion tools , Comprehensive consideration of practical + Easy to use + Long term improvement potential , Browser plug-ins seem to have an advantage . So the quickest way to achieve this ...

  9. kdevelop Add pair C++11 Support for

    engineering -- Open configuration -- Show advanced -- Show advanced variables ( Hook ) CMAKE_CXX_FLAGS   Item add    -std=c++0x

  10. About the Intellij IDEA Hot loading problem in tool configuration

    First step , Create a maven project , And then in pom.xml Add dependencies to the file ( The picture above shows ). The second step : Came to intellij idea The main page , Click on File->Settings->Build->co ...