Phpcms v9 Template Making tutorial (iv)

Source: Internet
Author: User
1. Form the div tag of writing standard



In Search engine optimization (SEO), the optimization of the code is also a key step. In order to better conform to the SEO specifications, the following is the current popular Css+div naming rules:

DIV ID naming

Page Header: Header

Login Strip: Loginbar

Logo: Logo

Sidebar: SideBar

Ad: Banner

Navigation: Nav

Sub-navigation: Subnav

Menus: Menu

Sub-menu: submenu

Searches: Search

Scrolling: Scroll

Page body: Main

Contents: Content

Tabs page: Tab

Article List: List

Hint Message: MSG

Tip: Tips

Column Title: Title

Links: Friendlink

Footer: Footer

Join: Joinus

Guide: Guild

Services: Service

Hotspot: Hot

Press: News

Download: Download

Registration: Regsiter

State: Status

Button: BTN

Vote: Vote

PARTNER: Partner

Copyrights: Copyright

Name of CSS ID

Jacket: Wrap

Main navigation: Mainnav (GLOBALNAV)

Sub-navigation: Subnav

Footer: Footer

Entire page: Content

Headers: Header

Footer: Footer

Trademark: Label

Caption: Title

Top Navigation: Topnav

Side navigation: SideBar

Left navigation: Leftsidebar

Right navigation: Rightsidebar

Logo: Logo

Slogan: Banner

Menu 1 Contents: menu1content

Menu 1 Capacity: Menu1container

Sub-menu: submenu

Edge navigation icon: Sidebaricon

Note: note

Breadcrumbs: breadCrumb (i.e. navigation tips for page location)

Container: Container

Contents: Content

Searches: Search

Login: Login

Functional area: Shop (e.g. shopping cart, cashier)

The current

Style file naming

Full site label default style: General.css or Global.css

Layout layout design style: Layout.css or Container.css

Common styles (such as text, forms, etc.): style.css

column/Channel style: COLUMNS.CSS

Print output style: Print.css

Theme Template style: Themes.css

The above is Phpcms v9 Template production tutorial (iv) content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

  • 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.