Home > Developer > Web Develop

CSS Naming conventions

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

"Article excerpt from" http://blog.csdn.net/cicada_slough/article/details/43304619

CSS Naming conventions



Head: Header


Content: Content/containe


Tail: Footer


Navigation: Nav


Sidebar: Sidebar


Column: Column


Page perimeter control overall layout width: Wrapper


Middle: Left Right center


Login Strip: Loginbar


Logo: Logo


Ad: Banner


Page body: Main


Hotspot: Hot


Press: News


Download: Download


Sub-navigation: Subnav


Menus: Menu


Sub-menu: submenu


Searches: Search


Links: Friendlink


Footer: Footer


Copyrights: Copyright


Scrolling: Scroll


Contents: Content


Tabs page: Tab


Article List: List


Hint Message: MSG


Tip: Tips


Column Title: Title


Join: Joinus


Guide: Guild


Services: Service


Registration: Regsiter


State: Status


Vote: Vote


PARTNER: Partner


Naming of IDs in XHTML files


(1) Page structure


Container: Container


Page Header: Header


Content: Content/container


Page body: Main


Page End: Footer


Navigation: Nav


Sidebar: Sidebar


Column: Column


Page perimeter control overall layout width: Wrapper


Middle: Left Right center


(2) Navigation


Navigation: Nav


Main navigation: MAINBAV


Sub-navigation: Subnav


Top Navigation: Topnav


Side navigation: Sidebar


Left navigation: Leftsidebar


Right navigation: Rightsidebar


Menus: Menu


Sub-menu: submenu


Caption: Title


Abstract: Summary


(3) function


Logo: Logo


Ad: Banner


Login: Login


Login Strip: Loginbar


Registration: Regsiter


Searches: Search


Functional area: Shop


Caption: Title


Join: Joinus


State: Status


Button: BTN


Scrolling: Scroll


Tabs page: Tab


Article List: List


Hint Message: MSG


Present: Current


Tip: Tips


Icons: Icon


Note: note


Guide: Guild


Services: Service


Hotspot: Hot


Press: News


Download: Download


Vote: Vote


PARTNER: Partner


Links: Link


Copyrights: Copyright

CSS Naming conventions

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More