Lỗi tên file không hợp lệ

Một new coder hết sức hay lo ngại trong câu hỏi đặt tên file, id hay tên class. Do đó trong bài viết này, tôi hy vọng tổng hợp các quy tắc, những bí kíp viết tên cơ phiên bản cho từng trường hợp trên. Hi vọng tài liệu này để giúp đỡ đỡ chúng ta phần như thế nào trong quy trình làm việc.

Bạn đang xem: Lỗi tên file không hợp lệ

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

Những điểm chú ý khi đặt tên file, thương hiệu id, class

Chúng ta sẽ bước đầu từ việc khám phá về phần đông điều cần chăm chú khi khắc tên file, id, class. Đây là những xem xét hết sức đối chọi giản, hãy nhằm tâm đến những điều này khi đặt tên nhé.

_1.Chỉ sử dụng ký trường đoản cú chữ số thường xuyên _

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ỉ sử dụng ký hiệu gạch men nối 「-」, gạch ốp chân dưới 「」_

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

3.Không nên áp dụng chữ dựa vào vào model

Cũng giống hệt như ký hiệu, tránh áp dụng chữ phụ thuộc vào vào mã sản phẩm để tránh tạo ra lỗi.

4.Không áp dụng space ( cả space rộng cùng hẹp)Trường hợp tên file chứa space thì tệp tin đó hoàn toàn có thể sẽ ko được xử lý thiết yếu xác. Còn nếu như tên id, tên class gồm chứa space thì khối hệ thống sẽ tự khoác định đó là 1 trong những id, class riêng biệt khác.

5.Tên cần phải ban đầu bằng chữ ( không được bước đầ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 được 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 sử dụng chữ thường

Ví dụ cách đặt thương hiệu sau là ko đúng

textfile.gif

￥￥text.gif

img　text

500px

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

※ Ví dụ: dạng indexTest

TẬP HỢP TÊN file ẢNH

Quy tắc cơ bản

Về cơ bản chúng ta nên được sắp xếp tên ráng nào mang đến hợp lý? Hãy thuộc xem những ví dụ tiếp sau đây để làm rõ hơn về những quy tắc cơ phiên bản khi đặt 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 làm việc 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 thành phần sẽ giải pháp nhau do 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 thương hiệu file.

1.「Tên page」

Vai trò của phần này đó là chỉ ra được ta đang thực hiện page nào. Tuy nhiên phần này sẽ không cần thiết trong trường hợp folder ảnh được chia theo từng page.

Ví dụ:

Trường phù hợp folder ảnh không được phân chia theo từng page (/img/) > index_news_bg01.gif

Trường đúng theo folder ảnh được phân tách theo từng page (/img/index/) > news_bg01.gif

2.「vùng miền」

Phần này cho biết thêm là họ đang sử dụng ở vùng nào địa điểm nào. Tuy nhiên phần này sẽ không quan trọng trong trường phù hợp file hình ảnh không thuộc vùng như thế nào cả.

Trường thích hợp background sử dụng thông tin mới nhất > news_bg01.jpg

Trường hợp hình ảnh sử dụng tại sidebar > side_img01.jpg

3.「chủng loại」

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

Ví dụ:

File hình ảnh > img01.jpg

Trường thích hợp logo ảnh được sử 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 vừa lòng icon tròn > icon_circle01.png

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

Trong trường hợp cần sử dụng nhiều hình ảnh thì phải dùng cam kết hiệu nhằm phân biệt. Bây giờ ký hiệu sẽ phải là serial number.

Ví dụ:

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

Ảnh B sử dụng ở đứng đầu page > index_img02.jpg

6.「trạng thái」

Được áp dụng trong ngôi trường hợp nên nêu rõ trạng thái ví dụ như roll over tốt current.

Ví dụ:

Trường hợp ả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 mô tả vị trí hiện tại là page index(※) > nav_index_over.png

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

Trường hòa hợp website đã được responsive, và ảnh chỉ thực hiện trên màn hình điện thoại thông minh > img_index_sp.png

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

Xem thêm: Gửi Mail Outlook Cho Nhiều Người, Gửi Hàng Loạt Email Trong Outlook Chỉ Với 8 Bước

Nếu bảo vệ những quy tắc viết tên trên trên đây thì sẽ sở hữu được những công dụng sau:

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

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

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

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

Ngoài số đông quy tắc cơ bạn dạng trên, còn có những điểm cần để ý khi viết tên như sau:

1.Trường hợp áp dụng tại vùng miền đặc biệt, thì thương hiệu vùng miền mở ra trong tên file ảnh

Ví dụ:

Trường đúng theo sử dụng hình ảnh đặ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 hình ảnh dùng làm việc tiêu đề hoặc nhiều hình ảnh chụp thì cần dùng serial number để tại vị tên

Ví dụ:

Trường hợp hình ảnh dùng sinh sống tiêu đề của đứng top page > index_ttl01.png

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

3.Tại một thành phần mà sử dụng nhiều hình ảnh thì cần dùng serial number để tại vị tên

Ví dụ:

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

4.Trường vừa lòng cùng cỗ phận, thuộc selector nhưng sử dụng các ảnh khác nhau, thì ngay lập tức sau tên cỗ phận, nên gắn serial number vào.

Ví dụ:

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

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

5.Với những hình ảnh dùng trong roll over, thì sử dụng dấu gạch ốp chân để chia cách và dùng những 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 lựa chọn ※１ ○○_selected.png

Vị trí hiện tại ※２ ○○_current.png

Ví dụ:

btn_contact_out.png

btn_contact_over.png

nav_news_selected.png

nav_news_current.png

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

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

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

Tổng hợp những quy tắc về chủng nhiều loại của ảnh, tiêu đề hay những 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 yêu cầu gắn thêm tên hx vào khiến cho mang tính update hơn ( vị level của đề mục có thay đổi thì cũng không kéo theo sự biến đổi của tên ảnh)

※２ Vì có nhiều trường đúng theo được sử dụng hòa bình nên phần nhiều quy tắc bên trên chỉ áp dụng 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 đến quy tắc đặt tên id, tên class.

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

Tôi xin trình làng vài điểm xem xét khi đặt tên id, tên class ( kèm ví dụ ví dụ )

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

Ví dụ:

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

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

Ví dụ: biện pháp đặt thương hiệu dưới đây là không bao gồm xác

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

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

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

Sự biệt lập giữa hai các ví dụ NG cùng OK sống trên là

Tại trường phù hợp ví dụ NG: vào trường hợp màu của loại chú thích chuyển đổi thì chân thành và ý nghĩa "nhỏ" của chiếc chú ham mê "small" cũng sẽ mất theo.

Thế nhưng, chỉ cần đặt thương hiệu id, thương hiệu class theo chú thích 「notes」, thì ngay cả khi color 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 giải thích đó, phương pháp đặt thương hiệu id, tên class có liên quan đến design như thể 「red」hay「left」sẽ ko được hâm mộ lắm.

3.Xét về mặt design, trường hợp 1 vùng nào đó không tái hiện lại được thì thời gian đó hãy sử dụng inner ( ví dụ lúc 2 background ck lên nhau)

Ví dụ:

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

4.Gắn thương hiệu id, class sở hữu tính đa-zi-năng cho hầu hết thứ ko có ý nghĩa sâu sắc cấu trúc.

Ví dụ:

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

Tổng phù hợp tên id, thương hiệu class rất hấp dẫn dùng

vùng, miềntên id, thương hiệu 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 những 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 tại 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 riêng cho layout	unit, box, col, area
box kết hợp ở những vùng miền khác	box,area

Mọi bạn thấy ráng nào ạ.

Nếu hầu như người vận dụng những luật lệ trên thì tôi tin chắc chắn sẽ còn ít bạn lúng túng gặp khó khăn trong việc đặt tên file, tên id, tên class.