div+css 명명 규칙의 전체 목록

1. 명명 규칙 설명: - TOP

1) 모든 이름은 소문자여야 합니다.
2) 속성 값은 큰따옴표("")로 묶어야 하며 class="와 같은 값이 있어야 합니다. divcss5 ",id="divcss5"
3), 각 태그에는 시작과 끝이 있어야 하고 올바른 레벨이 있어야 하며 레이아웃은 규칙적이고 깔끔해야 합니다
4). 빈 요소에는 종료 태그가 있거나 있어야 합니다. 시작 태그 "/" 뒤에 추가됨
5) 성능과 구조가 완전히 분리되어 있으며 코드에는 스타일, 글꼴, bgColor, 테두리 등과 같은 성능 요소가 포함되지 않습니다.
6) < h1>부터

를 따라야 합니다. 큰 것부터 작은 것까지의 원칙은 문서의 구조를 반영하며 검색 엔진 쿼리에 도움이 됩니다.
7) 각 테이블과 양식에 고유한 구조적 태그 ID를 추가하고
8) 그림에 alt 태그를 추가합니다.
9) 영어 이름 지정 원칙을 사용합니다.
10) 명확하지 않은 한 축약하지 마세요. 한눈에 이해할 수 있는 단어
DIVCSS5는 일반적인 CSS 이름 지정 및 DIV CSS 이름 지정 방법을 소개합니다.
2. 웹 페이지 외부 레이어의 중요한 부분에 대한 CSS 스타일 이름 지정: - TOP

코트 랩 -----가장 바깥 레이어
헤더에 사용됨 - --- ------------머리에 사용
main 콘텐츠 main ---본문 콘텐츠에 사용(가운데)
main- 왼쪽 ----- --------왼쪽 레이아웃
오른쪽 기본-오른쪽 ----------오른쪽 레이아웃
탐색 모음 탐색 ------------- -- --웹 페이지 메뉴 탐색 모음
콘텐츠 --------------- 웹 페이지의 중간 본문에 사용됩니다.
하단 바닥글 ------------ --- 하단에 사용
3개, DIV+CSS 명명 참조표: - TOP

다음은 CSS 스타일 명명 및 CSS 파일 명명 참조표, DIV CSS 명명 참조표입니다:

#layout#container 또는 #contentcontainer .products.products_prices.products_description.products_review .editor_review.news_release.publisher.screenshot

CSS 스타일 명명

지침

웹 페이지 공개 이름

#wrapper

페이지 주변은 전체 레이아웃 너비를 제어합니다

#container 또는 가장 바깥쪽

레이아웃

#머리, # #발

메뉴

#submenu

submenu

#sideBar

sidebar

#sidebar_a, #sidebar_b

left 또는 오른쪽바

#main

페이지 본문

#tag

tag

#msg #message

tips

#tips

tips

#vote

vote

#friendlink

Friendly Connection

#title

title

#summary

summary

#loginbar

로그인바

#searchInput

검색 입력 상자

#hot

인기 핫스팟 ㅋㅋㅋ 검색 결과

#copyright

저작권 정보

#branding

trademark

#logo

웹사이트 로고

#siteinfo

웹사이트 정보

#siteinfoLegal

법적 고지

#siteinfoCredits

Reputations

#joinus

Join us

#partner

Partner

#service

Service

#regsiter

등록

arr /arrow

arrow

# 길드

guide

#sitemap

sitemap

#list

list

#homepage

homepage

#subpage

2차 페이지 하위 페이지

# 도구, #toolbar

toolbar

#drop

dropdown

#dorpmenu

드롭다운 메뉴

#status

status

#sc롤

roll

.탭

탭 페이지

.left .right .center

왼쪽, 가운데, 오른쪽

.news

news

.download

download

.배너

광고 배너(상위 광고 스트립)

전자 무역 관련

products

제품 가격

제품 설명

제품 리뷰

편집자 리뷰

최신 제품

Producer

썸네일

.faqs

자주 묻는 질문

.keyword

keyword

.blog

blog

.forum

forum

CSS 파일 이름 지정	Description
master.css, style.css	Main
module.css	Module
base.css	기본적으로 공유됨
layout.css	레이아웃, 레이아웃
themes.css	theme
columns.css	column
font.css	텍스트, 글꼴
양식.	form
mend.css	patch
print.css	print

CSS 스타일 명명 설명
웹 페이지 공개 명명
#wrapper 페이지 주변 장치 제어 전체 레이아웃 너비
#컨테이너 또는 #콘텐츠 컨테이너, 가장 바깥쪽 레이어
#레이아웃 레이아웃
#head, #header 헤더 부분
#foot, #footer 바닥글 부분
#nav 기본 탐색
#subnav 보조 탐색
#menu 메뉴
#submenu 하위 메뉴
# sideBar Sidebar
#sidebar_a, #sidebar_b 왼쪽 또는 오른쪽 열
#메인 페이지 본문
#태그 라벨
#msg #메시지 프롬프트 정보
#팁 팁
#vote vote
#friendlink 우호적 연결
# 제목 제목
#요약 요약
에디토리얼 로고 웹사이트 로고
#siteinfo 웹사이트 정보
#siteinfo법적 법적 진술
#siteinfoCredits 평판
#joinus 가입
#partner 파트너
#service 서비스
#regsiter 등록
arr/arrow Arrow
#guild 가이드
#sitemap 사이트맵
#list 목록
#homepage 홈페이지
#subpage 보조 페이지 하위 페이지
#tool, #toolbar Toolbar
#drop drop down
#dorpmenu 드롭다운 메뉴
#status Status
#scroll Scroll
.tab 태그 페이지
.left .right .center Left , 중간, 오른쪽
.news 뉴스
.download 다운로드
.banner 광고 배너(상단 광고 배너)
전자상거래 관련
.products 제품
.products_prices 제품 가격
.products_description 제품 설명
.products_review 제품 리뷰
.editor_review 편집자 리뷰
.news_release 최신 제품
.publisher 제조업체
.screenshot 썸네일
.faqs FAQ
.keyword 키워드
.blog 블로그
.forum 포럼
CSS 파일 명명 설명
master .css, style.css 주요
module.css 모듈
base.css는 기본적으로 공유됩니다.
layout.css 레이아웃, 레이아웃
themes.css 테마
columns.css 열
font.css 텍스트, 글꼴
forms.css 양식
mend .css 패치
print.css 인쇄
CSS에 대한 기타 지침 명명:
DIV+CSS 명명 요약: "."(소문자 마침표)를 사용하여 기호로 시작하는 이름을 선택하거나 "#"(파운드 기호)을 사용하여 기호로 시작하는 이름을 선택하는지 여부는 중요하지 않습니다. , 그러나 기본 상자, 중요 상자, 특수 상자 및 가장 바깥쪽 상자의 이름은 "#"(파운드 기호) 선택 기호로 시작하고 나머지 상자의 이름은 "."(소문자 마침표) 선택 기호로 시작하는 것이 좋습니다. 또한 HTML에서 호출을 재사용하려면 명명된 CSS 선택자의 이름을 지정하는 것도 고려해 보세요.
일반적으로 가장 일반적으로 사용되는 기본 이름은 다음과 같습니다. Wrap(코트, 가장 바깥쪽 레이어), header(header, header), nav(탐색 모음), menu(메뉴), title(열 제목, 일반적으로 h1h2h3h4 태그와 함께 사용됨)
, content (콘텐츠 영역), 바닥글(바닥글, 하단), 로고(로고, h1 태그와 함께 사용할 수 있음), 배너(광고 배너, 일반적으로 상단에 위치), copyRight(저작권). 다른 것들은 필요에 따라 선택적으로 사용할 수 있습니다.
DIVCSS5 권장사항: 기본 상자, 중요 상자, 가장 바깥쪽 상자의 이름은 "#"(파운드 기호) 선택 기호로 시작하여 지정해야 하며, 나머지 상자의 이름은 "."(소음점) 선택 기호로 시작해야 합니다.
2. CSS 스타일 파일의 이름은 다음과 같습니다

main master.css
layout,layout.css
columns.css
textfont.css
print style print.css
themes.css
4. TOP

일반적으로 사용되지 않는 내용이 있으면 번역 도구를 사용하여 번역하고 영어 이름을 지정할 수 있습니다.

Google 온라인 번역 도구 사용 권장:

위 내용은 div+css 명명 규칙의 전체 목록의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!