As a front-end programmer, naming classes and ids or images is one of the biggest headaches. Basic operation: open translation software -> input Chinese characters -> translation content -> translation of what stuff? You may find it better not to change it, or you may suddenly think of a messy name and just put it on

This article won’t guarantee that you’ll be quick and painless every time you name something, but it will give you a strategy. Learn for reference

Name of id:

Page structure

  • Container: the container

  • Header: header

  • Content: the content/container

  • Page body: main

  • Footer: the footer

  • Navigation: nav

  • Sidebar: the sidebar

  • Column: the column

  • The periphery of the page controls the overall layout width: Wrapper

  • Left right center: left right center

navigation

  • Navigation: nav

  • Main navigation: MainNAV

  • Subnavigation: Subnav

  • Top navigation: TopNav

  • Side navigation: sidebar

  • Left navigation: leftsidebar

  • Right navigation: Rightsidebar

  • Menu: a menu

  • Submenu: submenu

  • Title: the title

  • Abstract: the summary

function

  • Mark: logo

  • Advertising: banner

  • Login: login

  • Loginbar: loginbar

  • Registration: register

  • Search: search

  • Functional area: Shop

  • Title: the title

  • Add: joinus

  • Status:

  • Button: BTN

  • Scrolling: scroll

  • TAB page: TAB

  • A list of articles

  • Prompt message: MSG

  • Current: current

  • Tip: Tips

  • Icon: icon

  • Note: note

  • Guide: guild.

  • Service: service

  • Hot, hot

  • News: news,

  • Download: download

  • Vote: vote

  • Partner: Partner

  • Link: Link

  • Copyright: copyright

CSS stylesheet file name

  • The main master. The CSS

  • Module module. The CSS

  • Base.css is shared

  • Layout, layout layout.css

  • Topic themes. CSS

  • Column in the columns. The CSS

  • The text font. CSS

  • Form the forms. The CSS

  • Patch mend. CSS

  • Print print. CSS