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 중국어 웹사이트의 기타 관련 기사를 참조하세요!