CSS selector naming and common naming

Source: Internet
Author: User

CSS selector naming and common naming CSS selector naming and common namingSpecification naming is also an important part of the Web Standard, the standard naming can make the code more readable, and conducive to search engines, such as the definition of two Div, an id named "Div1", the other named "News", is certainly the second more readable, and the search engine crawl rate is higher, In the team work can also greatly improve the efficiency.  In order to achieve this effect we need to normalize naming (semantic naming)!   To say a digression, normalized named code, will significantly you more professional! About CSS naming law, and other programs named almost, there are three kinds: camel nomenclature, Pascal Nomenclature, Hungarian nomenclature. Look at their names is very difficult to understand, do not be frightened, in fact, very easy, do not believe the words continue to look down ~ "Camel name Law"When it comes to camels, we must think of its obvious characteristics, the uplift of the back, a low, and our name also to such a low, how to do so, with the size of the letter Bai ~, capital of English is equivalent to the camel back of the bulge, the lower case is concave place, but this also has rules, is the first letter to lowercase, the first letter of the following words will be capitalized, as follows: #headerBlock If there are words after the second word? That's the case. Navmenuredbutton that is, no matter how many words come together, the first letter of all the words in the back is capitalized. "Pascal's name Law"The nomenclature is also a mixed case of uppercase and lowercase letters, and Camel name method is very similar, but with the camel name method is a little different, that is, all the words are capitalized, of course, including the first word, as follows: #HeaderBlock. Navmenuredbutton, if the "Camel name Law" is for a dromedary words, then "Pascal name Law" is the Bactrian camel ~ "Hungarian nomenclature"The Hungarian nomenclature is to prefix the name with one or more lowercase letters to make the name more recognizable and easier to understand, such as: #head_navigation. Red_navmenubutton above three species, the first two (Camel name law, Pascal nomenclature) is commonly used when naming CSS selectors, of course, the three kinds of nomenclature can be mixed use, another need to adhere to a principle of "easy to understand, easy to work together" OK, or "even if people do not understand the code to see the code also know what the role of", there is no need to emphasize the kind of naming law, You can use it according to your preferences.
Common naming of page modules
Head: Header Navigation: Nav Menus: Menu Links: Friendlink
Page Envelope: Wrapper Sub-navigation: Subnav Sub-menu: submenu Download: Download
Page body: Main Ad: Banner Sidebar: Sidebar Tip: Tips
Contents: Content Logo: Logo Column: Column Scrolling: Scroll
Footer: Footer Searches: Search Hotspot: Hot Previous: Prev
Copyrights: Copyright Login Strip: Loginbar Press: News Next: Next

CSS selector naming and common naming

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.