Phpcmsv9 template creation tutorial (4)

Source: Internet
Author: User
Before learning the next lesson, I will first talk about the knowledge I need to know before school. 1. develop standardized DIV labels.



In search engine optimization (seo), code optimization is also a key step. To better comply with SEO specifications, the following naming rules for CSS + DIV are currently popular:

Div id name

Header: header

Logon entry: loginBar

Logo: logo

SideBar: sideBar

Advertisement: banner

Navigation: nav

Subnavigation: subNav

Menu: menu

Sub Menu: subMenu

Search: search

Scroll: scroll

Page Subject: main

Content: content

Tab: tab

Article list: list

Message: msg

Tips: tips

Topic title: title

Link: friendLink

Footer: footer

Join: joinus

Guide: guild

Service: service

Hotspot: hot

News: news

Download: download

Registration: regsiter

Status: status

Button: btn

Vote: vote

Partner: partner

CopyRight: copyRight

Css id name

Coat: wrap

Main Navigation: mainNav (globalNav)

Subnavigation: subNav

Footer: footer

Entire Page: content

Header: header

Footer: footer

Trademark: label

Title: title

Top navigation: topNav

Side navigation: sideBar

Left navigation: leftsideBar

Right navigation: rightsideBar

Logo: logo

Banner

Menu 1 content: menu1Content

Menu 1 Capacity: menu1Container

Sub Menu: submenu

Navigation icon: sidebarIcon

Note: note

BreadCrumb)

Container: container

Content: content

Search: search

Login: login

Functional area: shop (such as shopping cart and cashier)

Current

Style file name

Default full site label style: general.css or global.css

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

General style (such as text and form): style.css

Column/Channel style: columns.css

Print output style: print.css

Themes.css

The above is the content of the phpcms v9 template creation tutorial (4). For more information, see PHP Chinese network (www.php1.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.