CÁC KÝ TỰ KHÔNG ĐƯỢC DÙNG ĐỂ ĐẶT TÊN FILE

Một new coder khôn cùng hay run sợ trong việc đặt tên file, id tuyệt tên class. Cho nên vì vậy trong bài viết này, tôi mong tổng hợp các quy tắc, các bí kíp khắc tên cơ bản cho từng trường hòa hợp trên. Mong muốn tài liệu này để giúp đỡ chúng ta phần như thế nào trong quá trình làm việc.

Bạn đang xem: Các ký tự không được dùng để đặt tên file

CÁC ĐỀ MỤC PHỔ THÔNG

Những điểm để ý khi viết tên file, tên id, class

Chúng ta sẽ ban đầu từ việc mày mò về số đông điều cần để ý khi đặt tên file, id, class. Đây là những lưu ý hết sức 1-1 giản, hãy để tâm đến các điều này khi đặt tên nhé.

_1.Chỉ thực hiện ký trường đoản cú chữ số thường _

Không được thực hiện tiếng Nhật, số, cam kết hiệu dạng in hoa, chữ katakana bé.

2.Chỉ áp dụng ký hiệu gạch ốp nối 「-」, gạch men chân dưới 「」_

Trong Window, tất yêu sử dụng những ký hiệu sau để đặt tên file: cam kết hiệu tiền yên ổn 「￥」, gạch chéo cánh 「/」, vệt hai chấm 「:」, dấu hoa thị 「*」, lốt hỏi chấm 「?」, dấu ngoặc kép 「”」, dấu nhỏ tuổi hơn 「」, vệt sổ dọc 「|」. Ngoài các ký hiệu trên, bọn họ cũng không nên dùng gần như ký hiệu dễ khiến cho lỗi, bị xử lý sai trên chương trình.

3.Không nên sử dụng chữ phụ thuộc vào model

Cũng giống hệt như ký hiệu, tránh áp dụng chữ nhờ vào vào model để tránh tạo ra lỗi.

4.Không sử dụng space ( cả space rộng với hẹp)Trường hòa hợp tên file đựng space thì file đó hoàn toàn có thể sẽ ko được xử lý chính xác. Còn nếu như tên id, tên class tất cả chứa space thì khối hệ thống sẽ tự mặc định đó là một trong id, class lẻ tẻ khác.

5.Tên phải phải ban đầu bằng chữ ( không được bắt đầu bằng số)

Nếu thương hiệu id, tên class bắt đầu bằng số thì sẽ không còn đọc được bên trên hệ thống, và không được chấp nhận.

6.Thống nhất là tên gọi file tất cả đều cần sử dụng chữ thường

Ví dụ biện pháp đặt tên sau là không đúng

textfile.gif

￥￥text.gif

img　text

500px

Ngoài ra trong bài viết này vẫn thống tốt nhất là sử dụng dấu gạch men chân để ngắt quãng lúc đặt tên file, và đối với đặt tên id, tên class thì đã dùng phương pháp Lower Camel ( tức là sẽ viết hoa chữ cái trước tiên của từ sản phẩm công nghệ hai trở đi※)

※ Ví dụ: dạng indexTest

TẬP HỢP TÊN tệp tin ẢNH

Quy tắc cơ bản

Về cơ phiên bản chúng ta nên được đặt tên cầm nào đến hợp lý? Hãy thuộc xem các ví dụ tiếp sau đây để làm rõ hơn về các quy tắc cơ bạn dạng khi để tên:

index_img01.jpg

header_bg01.jpg

news_ttl01.png

page_ttl01.png

btn_square_over.gif

icon_triangle.gif

nav_index_over.png

Các tên nghỉ ngơi trên là được đặt dựa vào quy tắc sau:

「Tên page」「vùng miền」「chủng loại：bắt buộc」「chi tiết」「ký hiệu (serial number)」「trạng thái」「đuôi mở rộng」.

Mỗi bộ phận sẽ cách nhau bởi dấu gạch dưới 「_」

Tiếp theo tôi sẽ phân tích và lý giải về từng thành phần trong tên file.

1.「Tên page」

Vai trò của phần này đó là chỉ ra được ta đang sử dụng page nào. Tuy nhiên phần này đang không quan trọng trong trường vừa lòng folder ảnh được chia theo từng page.

Ví dụ:

Trường thích hợp folder hình ảnh không được chia theo từng page (/img/) > index_news_bg01.gif

Trường thích hợp folder ảnh được chia theo từng page (/img/index/) > news_bg01.gif

2.「vùng miền」

Phần này cho thấy là bọn họ đang áp dụng ở vùng nào địa chỉ nào. Tuy nhiên phần này đã không cần thiết trong trường vừa lòng file ảnh không trực thuộc vùng như thế nào cả.

Trường hòa hợp background thực hiện thông tin mới nhất > news_bg01.jpg

Trường hợp hình ảnh sử dụng trên sidebar > side_img01.jpg

3.「chủng loại」

Phần này giúp họ biết được hình ảnh đang sử dụng là thuộc loại nào. Một khi đã có thông tin loại hình ảnh thì họ phải thêm thông tin đó vào vào tên file ảnh.

Ví dụ:

File ảnh > img01.jpg

Trường đúng theo logo hình ảnh được áp dụng tại header > header_logo.gif

4.「chi tiết」

Ví dụ:

Trường đúng theo nút send > btn_submit.png

Trường phù hợp icon tròn > icon_circle01.png

5.「ký hiệu (serial number)」

Trong ngôi trường hợp sử dụng nhiều ảnh thì đề xuất dùng cam kết hiệu để phân biệt. Hôm nay ký hiệu cần phải là serial number.

Ví dụ:

Ảnh A sử dụng ở vị trí cao nhất page > index_img01.jpg

Ảnh B cần sử dụng ở top page > index_img02.jpg

6.「trạng thái」

Được thực hiện trong ngôi trường hợp buộc phải nêu rõ trạng thái ví như roll over xuất xắc current.

Ví dụ:

Trường hợp hình ảnh được cần sử dụng tại global navi > nav_index_out.png,nav_index_over.png

Trường hợp hình ảnh global navi miêu tả vị trí hiện tại là page index(※) > nav_index_over.png

Ảnh sử dụng cho màn hình hiển thị Retina > img_index_retina.png

Trường đúng theo website đã có responsive, và hình ảnh chỉ áp dụng trên màn hình smartphone > img_index_sp.png

(※) Về mặt chân thành và ý nghĩa thì current là thiết yếu xác, tuy nhiên có tương đối nhiều trường hợp hình ảnh đang được bỏ ra định là current cơ mà lại được chỉ định và hướng dẫn thành dạng tương tự như là over cho nên vì thế dùng over để tránh trường hợp 1 ảnh mà được sinh sản thành 2 lần.

Xem thêm: Phân Tích Tính Dân Tộc Trong Việt Bắc Của Tố Hữu, Phân Tích Tính Dân Tộc Trong Bài Thơ Việt Bắc

Nếu đảm bảo an toàn những quy tắc đặt tên trên trên đây thì sẽ có những tác dụng sau:

Chỉ cần nhờ vào tên file, rất có thể suy đoán được hình ảnh thuộc một số loại nào.

Chỉ yêu cầu nhìn thương hiệu file ảnh là biết được ảnh được sử dụng ở đâu.

Bằng việc đặt tên ảnh mang ý nghĩa kết cấu của ảnh, thì bao gồm cả sau này còn có thay đổi hình ảnh đi chăng nữa thì ko cần đổi khác tên hình ảnh mà vẫn hoàn toàn có thể update được.

Những điểm cần chú ý khi để tên

Ngoài những quy tắc cơ phiên bản trên, còn tồn tại những điểm cần lưu ý khi khắc tên như sau:

1.Trường hợp sử dụng tại vùng miền đặc biệt, thì thương hiệu vùng miền xuất hiện thêm trong tên tệp tin ảnh

Ví dụ:

Trường hợp sử dụng ảnh đặt sinh hoạt tiêu đề > index_ttl01.gif

Trường hợp hình ảnh dùng trên background của header > header_bg.gif

2.Trường hợp gồm nhiều ảnh dùng ngơi nghỉ tiêu đề hoặc nhiều ảnh chụp thì đề nghị dùng serial number để tại vị tên

Ví dụ:

Trường hợp ảnh dùng làm việc tiêu đề của vị trí cao nhất page > index_ttl01.png

Trường thích hợp dùng ảnh của blog page > blog_img01.jpg

3.Tại một bộ phận mà thực hiện nhiều ảnh thì đề nghị dùng serial number để đặt tên

Ví dụ:

Sử dụng hai hình ảnh tại background của header > header_bg 01.gif, header_bg 02.jpg

4.Trường đúng theo cùng cỗ phận, thuộc selector nhưng cần sử dụng các ảnh khác nhau, thì ngay sau tên bộ phận, yêu cầu gắn serial number vào.

Ví dụ:

Dùng ảnh background trên tiêu đề A > ttl_bg01.gif

Dùng hình ảnh background tại tiêu đề B > ttl_bg02.gif

5.Với những ảnh dùng trong roll over, thì sử dụng dấu gạch ốp chân để phân cách và dùng rất nhiều từ đối kháng thường nhằm thể hiện trạng thái

Thông thường: ○○_out.png

Roll over: ○○_over.png

Trạng thái chọn lựa ※１ ○○_selected.png

Vị trí lúc này ※２ ○○_current.png

Ví dụ:

btn_contact_out.png

btn_contact_over.png

nav_news_selected.png

nav_news_current.png

※１: sử dụng trong trường hợp hình ảnh được đăng kí gồm trạng thái là selected

※２: sử dụng trong ngôi trường hợp bao hàm cả ngôn từ trang tương tự với navi

Tổng hợp các 「chủng loại」

Tổng hợp các quy tắc về chủng nhiều loại của ảnh, title hay các nút.

「chủng loại」

chủng loạiquy tắc

ảnh, sơ đồ	img
thumbnail	thumb
banner	bn
button	btn
logo	logo
navi	nav
tiêu đề ※１	ttl
text	txt
icon	icon
Background (ngoài background của icon)	bg
mũi tên	arrow
line	line
pagetop ※２	pagetop
spacer ※２	spacer
đang loading ※２	loading

※１ Những ảnh sử dụng vào phần đề mục (hx) thì không bắt buộc gắn thêm tên hx vào để cho mang tính update rộng ( vì chưng level của đề mục có đổi khác thì cũng ko kéo theo sự chuyển đổi của thương hiệu ảnh)

※２ Vì có rất nhiều trường hòa hợp được sử dụng hòa bình nên những quy tắc bên trên chỉ thực hiện trong 「chủng loại」

Ví dụ:

pagetop > pagetop.gifspacer > spacer.gif

Tổng vừa lòng 「vùng miền」

Tổng hợp những quy tắc tương quan đến nội dung hay category

「vùng miền」

vùng, miềnquy tắc

thông tin new nhất	news
thông tin liên lạc	contact
tổng thể page	container
header	header
sidebar	side
footer	footer
main content	main
tiếp theo	next
trở về trước	prev
thông báo	info
list	list
chú thích	notes
box layout	unit,box,col,area

TẬP HỢP TÊN ID, TÊN CLASS

Bây giờ chúng ta sẽ nói về quy tắc đánh tên id, tên class.

Những điểm chú ý khi để tên

Tôi xin ra mắt vài điểm để ý khi viết tên id, tên class ( kèm ví dụ cụ thể )

1.Id được sử dụng trong vùng cấu thành lên layout toàn diện và tổng thể ( lấy ví dụ như header, thanh global navi, nội dung, sidebar, footer, section) ,còn class được sử dụng trong vùng miền chi tiết nhỏ của phần đông vùng tổng thể và toàn diện trên.

Ví dụ:

header > #headerGlobal navi > #gNavNút liên hệ > .btnContactQuay quay trở lại top page > .pageTop

2.Tên id, tên class không phụ thuộc vào vào phần design, do đó cần đánh tên rõ ràng, không vòng vo, hiển thị rõ yếu tố "ở đâu", " bộc lộ cái gì"

Ví dụ: cách đặt tên dưới đấy là không bao gồm xác

Dòng ghi chú phông chữ nhỏ dại hơn text thông thường > .smallComment chữ đỏ > .redBlock phía phía trái > .left

Còn dưới đây là những giải pháp đặt tên chủ yếu xác

Dòng chú giải phông chữ nhỏ hơn text thường thì > .notesComment chữ đỏ > .commentBlock phía bên trái > .box

Sự biệt lập giữa hai nhiều ví dụ NG cùng OK sinh hoạt trên là

Tại trường hợp ví dụ NG: trong trường phù hợp màu của mẫu chú thích đổi khác thì ý nghĩa sâu sắc "nhỏ" của chiếc chú mê say "small" cũng trở thành mất theo.

Thế nhưng, chỉ việc đặt tên id, thương hiệu class theo chú giải 「notes」, thì trong cả khi màu sắc có biến đổi đi chăng nữa thì chân thành và ý nghĩa của 「notes」 cũng vẫn tồn tại đi.

Cùng với lý giải đó, giải pháp đặt tên id, tên class có liên quan đến design như là 「red」hay「left」sẽ không được ưa chuộng lắm.

3.Xét về phương diện design, nếu 1 vùng nào đó không tái hiện lại được thì cơ hội đó hãy áp dụng inner ( ví dụ lúc 2 background ck lên nhau)

Ví dụ:

Trong ngôi trường hợp có thể tái hiện tại lại vùng, miền bởi before, after, thì tránh việc sử dụng inner để không gia tăng thêm phần nhiều vùng không cần thiết.

4.Gắn tên id, class với tính đa zi năng cho số đông thứ không có ý nghĩa cấu trúc.

Ví dụ:

Box sử dụng cho layout > boxLayout 2 column > unit2ColLayout 3 column > unit3Col

Tổng vừa lòng tên id, thương hiệu class rất thú vị dùng

vùng, miềntên id, tên class

tổng thể page	container
header	header
tiêu đề của site	siteTtl
logo	logo
Catchphrase	catch
navigation	nav
global navigation	gNav
breadcrumb navigation	pagePath
content area	conts
main content	main
sidebar	side,sideBar
footer	footer
bài viết	article
chủ đề	topic, topics
thông tin chú ý	spotLight
chọn lọc	pickup
tiếp theo	next
trở về trước	pre
đến trang Top	pageTop
muốn xem các nữa	more
thông báo	info
tin tức	news
ngày tháng	date
lịch sử update	history
list	list
các mục	item
list các sản phẩm	goodsList
khu vực ảnh	photo,img
khu vực text	txt
khu vực figure	figure
chú thích	notes
banner	bn
thông tin liên lạc	contact, inquiry
bài viết	article
ẩn đi	hidden
quảng cáo	pr
vị trí hiện nay tại	current
câu lead	lead
đề mục đầu tiên,đề mục cuối cùng	first(đầu tiên), last(cuối cùng), firstChild, lastChild
cột lẻ, cột chẵn	odd(số lẻ), even(số chẵn)
box giành cho layout	unit, box, col, area
box kết hợp ở những vùng miền khác	box,area

Mọi tín đồ thấy chũm nào ạ.

Xem thêm: Tìm Tiệm Cận Của Hàm Số Chứa Căn, Dạng 3: Tìm Số Đường Tiệm Cận Của Đồ Thị Hàm Số

Nếu phần lớn người vận dụng những nguyên tắc trên thì tôi tin có thể sẽ còn ít fan lúng túng gặp gỡ khó khăn trong câu hỏi đặt tên file, tên id, tên class.