Html thụt lề 2 hoặc 4 dấu cách
|
Mỗi quy tắc CSS phải nằm trên một dòng riêng. Nếu một quy tắc CSS có nhiều giá trị (e. g. , nhiều họ phông chữ), các phông chữ này phải nằm trên cùng một dòng với quy tắc tương ứng Show a { color: #111111;
font-size: 16pt;
}
div {
color: #222222; font-size: 18pt;
}
p {
font-family: Helvetica,
Arial,
sans-serif;
}
a {
color: #111111;
font-size: 16pt;
}
div {
color: #222222;
font-size: 18pt;
}
p {
font-family: Helvetica, Arial, sans-serif;
}
dòng trốngĐặt một dòng trống giữa mỗi bộ chọn CSS. Bạn không bao giờ nên có nhiều hơn một dòng trống trong một hàng Khoảng cách và thụt đầu dòng phải nhất quán trong toàn bộ mã của bạn. Nhiều nhà phát triển chọn sử dụng thụt lề 4 khoảng cách hoặc 2 khoảng cách. Trong HTML, mỗi thẻ lồng nhau phải được thụt vào chính xác một lần bên trong thẻ cha của nó Đây là một ví dụ về thụt đầu dòng xấu trong HTML
Dưới đây là một số ví dụ về thụt đầu dòng tốt trong HTML
Đặt dấu ngắt dòng sau mỗi phần tử khối. Không đặt nhiều phần tử khối trên cùng một dòng Hãy giả vờ rằng chúng ta sẽ không tranh luận về Tabs vs. không gian. Là 4 không gian thực sự dễ đọc hơn 2 không gian? Tôi đã luôn luôn ưa thích hai không gian Nhận xét hàng đầu (44)Vương miệnSắp xếp thảo luậnĐặt mua Người dùng cá nhân đáng tin cậyTạo mẫu Mẫu cho phép bạn nhanh chóng trả lời Câu hỏi thường gặp hoặc lưu trữ đoạn mã để sử dụng lại Gửi bản xem trước Bỏ qua Sụt lún lan rộng
người tuyết người tuyết
Theo "Tiểu sử không liên quan" - Bảy trên chín (có thể) nếu cô ấy được hỏi câu đó
Trình đơn thả xuống
Tôi thích 4 khoảng trắng hơn vì chúng chiếm nhiều không gian màn hình hơn, điều đó có nghĩa là tôi có thể điều chỉnh ít mức độ thụt lề hơn trước khi bắt đầu cảm thấy không thoải mái, vì vậy, nói chung, điều đó có nghĩa là tôi bắt đầu giải quyết một số vấn đề tiềm ẩn về mã spaghetti sớm hơn (mặc dù các tab tốt hơn vì bất kỳ ai cũng có thể định cấu hình trình chỉnh sửa của họ để hiển thị nhiều hoặc ít khoảng trống tùy ý, tôi phải nói điều đó) Thích bình luận. Thích bình luận. 15 lượt thích Thích Sụt lún lan rộng
edA‑qa mort‑ora‑y edA‑qa mort‑ora‑y
Theo Tôi là một lập trình viên sáng tạo và nhà thiết kế câu đố. tôi nấu quái vật
Trình đơn thả xuống
Đối số về "có bao nhiêu khoảng trắng" thực sự là một đối số có lợi cho các tab Nó vượt xa số lượng bao nhiêu, vì thời điểm bạn sử dụng khoảng trắng, bạn cũng bắt đầu có người căn chỉnh mã với chúng. . / Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
Meghan (cô ấy/cô ấy) Meghan (cô ấy/cô ấy)
Theo 24. Phù thủy chuyển giới địa phương thích làm phép thuật với bàn phím. cô ấy / cô ấy. Hiện đang cố gắng làm cho Web ít tập trung hơn
Trình đơn thả xuống
so với mã có thể tự động định dạng toàn bộ tệp để sử dụng số lượng khoảng trắng mà một người mong muốn và luôn sử dụng khoảng trắng Thích bình luận. Thích bình luận. 2 lượt thích Thích Chủ đề
người tuyết người tuyết
Theo "Tiểu sử không liên quan" - Bảy trên chín (có thể) nếu cô ấy được hỏi câu đó
Trình đơn thả xuống
Vâng, nhưng tại nơi làm việc của tôi, chúng tôi sử dụng hai khoảng trắng, tôi có thể định cấu hình vscode để hiển thị bốn khoảng trắng nhưng thực sự lưu tệp bằng hai khoảng trắng không? Thích bình luận. Thích bình luận. 1 thích Thích Chủ đề
Meghan (cô ấy/cô ấy) Meghan (cô ấy/cô ấy)
Theo 24. Phù thủy chuyển giới địa phương thích làm phép thuật với bàn phím. cô ấy / cô ấy. Hiện đang cố gắng làm cho Web ít tập trung hơn
Trình đơn thả xuống
không phải là tôi biết. bạn chỉ cần thay đổi nó trước khi bạn cam kết Thích bình luận. Thích bình luận. 1 thích Thích Chủ đề
edA‑qa mort‑ora‑y edA‑qa mort‑ora‑y
Theo Tôi là một lập trình viên sáng tạo và nhà thiết kế câu đố. tôi nấu quái vật
Trình đơn thả xuống
Tự động định dạng gây rắc rối với kiểm soát nguồn. Cuối cùng, bạn có các bộ bản vá lớn hơn mong muốn. Có thể khó xác định những gì đã thực sự thay đổi trong một tệp Thích bình luận. Thích bình luận. 4 lượt thích Thích Sụt lún lan rộng
Giáo sĩ Sifatul Giáo sĩ Sifatul
Theo
Trình đơn thả xuống
@avalander rồi chạy. để biết thêm thông tin, bạn có thể kiểm tra trang web chính thức đẹp hơn Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
Quentin Sonrel Quentin Sonrel
Theo Làm việc như một nhà tư vấn trong phát triển web ngăn xếp đầy đủ. Cũng thế. Game thủ & streamer / Yêu điện ảnh & âm nhạc / Đầu bếp nghiệp dư / Sành bia trà
Trình đơn thả xuống
Fibonacci Indentation hoặc không có gì Thích bình luận. Thích bình luận. 14 lượt thích Thích Sụt lún lan rộng
David Ibanez David Ibanez
Theo Viết mã cho công việc và sở thích, nghiện âm nhạc. Đồng sáng lập, nhà phát triển và mọi thứ liên quan tại Laforja Sistemas
Trình đơn thả xuống
Tôi sẽ bỏ phiếu cho Indentation Fibonacci đảo ngược. 😂 Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
xương Andrew xương Andrew
Theo Một nhà phát triển Frontend người Anh, đam mê khả năng truy cập web
Trình đơn thả xuống
Thật ngạc nhiên Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
JavaScript Joel JavaScript Joel
Theo Đồng sáng lập Host Collective (DiscountASP. bọc lưới). Trục người chơi đồng sáng lập (Trò chơi xã hội). Nhà khoa học máy tính và Nhà truyền bá công nghệ với hơn 20 năm kinh nghiệm với JavaScript
Trình đơn thả xuống
Chúng tôi sẽ tranh luận về không gian 4 vs 2 cho đến khi chúng tôi xanh mặt. Chúa cấm ai đó đề nghị thỏa hiệp 3 ô, vì họ sẽ bị giết trước khi mãn hạn 3 dấu cách là sự thỏa hiệp hợp lý nhất. Nhưng vì con người phi logic nên chúng ta sẽ không bao giờ thấy tệp mã 3 khoảng cách Thích bình luận. Thích bình luận. 9 lượt thích Thích Sụt lún lan rộng
người tuyết người tuyết
Theo "Tiểu sử không liên quan" - Bảy trên chín (có thể) nếu cô ấy được hỏi câu đó
Trình đơn thả xuống
Tôi cá là bạn đặt âm lượng TV thành số lẻ Thích bình luận. Thích bình luận. 11 lượt thích Thích Sụt lún lan rộng
JavaScript Joel JavaScript Joel
Theo Đồng sáng lập Host Collective (DiscountASP. bọc lưới). Trục người chơi đồng sáng lập (Trò chơi xã hội). Nhà khoa học máy tính và Nhà truyền bá công nghệ với hơn 20 năm kinh nghiệm với JavaScript
Trình đơn thả xuống
Tôi sử dụng dãy Fibonacci để thiết lập âm lượng của mình Thích bình luận. Thích bình luận. 4 lượt thích Thích Sụt lún lan rộng
xương Andrew xương Andrew
Theo Một nhà phát triển Frontend người Anh, đam mê khả năng truy cập web
Trình đơn thả xuống
Tôi nghĩ bạn sẽ thấy âm lượng nên được thay đổi theo gia số 5. 😉 Thích bình luận. Thích bình luận. 2 lượt thích Thích Chủ đề
ba con chó ba con chó
Theo
Trình đơn thả xuống
Lý do âm lượng được điều chỉnh theo mức tăng 3dB là vì những thay đổi nhỏ hơn 3dB không thể cảm nhận được đối với tai người Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
Meghan (cô ấy/cô ấy) Meghan (cô ấy/cô ấy)
Theo 24. Phù thủy chuyển giới địa phương thích làm phép thuật với bàn phím. cô ấy / cô ấy. Hiện đang cố gắng làm cho Web ít tập trung hơn
Trình đơn thả xuống
sao bạn dám đề nghị chúng tôi làm điều gì đó không phải là bội số của 2 ?? Thích bình luận. Thích bình luận. 5 lượt thích Thích Sụt lún lan rộng
nhà phát triển nhà phát triển
Theo Tôi làm việc trong lĩnh vực Phát triển/CNTT; . Hiện đang tập trung vào DevOps, Bảo mật và Cơ sở hạ tầng đám mây
Trình đơn thả xuống
chúng tôi đã thử điều đó ở buổi biểu diễn trước đó; . nếu đó là mã, IMHO, thì đó là một tab (4 dấu cách. ); Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
Jen Becker Jen Becker
Theo
Trình đơn thả xuống
3 dấu cách Vào chế độ toàn màn hình Thoát chế độ toàn màn hình Thích bình luận. Thích bình luận. 7 lượt thích Thích Sụt lún lan rộng
Patrick M. Patrick M.
Theo Một nhà phát triển bốn bánh kếp yêu thích ASP. Net Core và thỉnh thoảng cũng tìm hiểu về Angular. Lặng lẽ click clackin' đi
Trình đơn thả xuống
Quái vật Thích bình luận. Thích bình luận. 8 lượt thích Thích Sụt lún lan rộng
Jesse M. Holmes Tác giả Jesse M. Holmes
Theo Tôi theo dõi các lập trình viên mới. đồng thau. Kẻ báo thù ADHD. Người tình của chó săn khổng lồ. Người tin vào điều không thể
Trình đơn thả xuống
bạn nổi loạn Thích bình luận. Thích bình luận. 4 lượt thích Thích Sụt lún lan rộng
Oezil Pérez Oezil Pérez
Theo Hơn 6 năm kinh nghiệm phát triển trang web, API REST và ứng dụng dành cho thiết bị di động bằng nhiều khung trên nhiều ngôn ngữ
Trình đơn thả xuống
Cái này, sĩ quan, ngay đây Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
Grzegorz Ziemonsky Grzegorz Ziemonsky
Theo Mã, trò chơi, mèo. Ý kiến là của riêng tôi
Trình đơn thả xuống
Tab, mọi người, sử dụng tab. Sau đó, bạn có thể chọn bao nhiêu không gian bạn muốn Thích bình luận. Thích bình luận. 5 lượt thích Thích Sụt lún lan rộng
Jesse M. Holmes Tác giả Jesse M. Holmes
Theo Tôi theo dõi các lập trình viên mới. đồng thau. Kẻ báo thù ADHD. Người tình của chó săn khổng lồ. Người tin vào điều không thể
Trình đơn thả xuống
Tôi đã bắt đầu đóng góp cho một dự án vào đêm qua và sau khi đặt câu hỏi này, một vấn đề đã xuất hiện cách đây vài giờ khá liên quan đến quan điểm của bạn Các tab đang phá vỡ YAML Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
edA‑qa mort‑ora‑y edA‑qa mort‑ora‑y
Theo Tôi là một lập trình viên sáng tạo và nhà thiết kế câu đố. tôi nấu quái vật
Trình đơn thả xuống
Thật không may là YAML đã chọn không chấp nhận các tab. Không có lý do thực tế để không cho phép nó Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
Jesse M. Holmes Tác giả Jesse M. Holmes
Theo Tôi theo dõi các lập trình viên mới. đồng thau. Kẻ báo thù ADHD. Người tình của chó săn khổng lồ. Người tin vào điều không thể
Trình đơn thả xuống
Trong VSCode, có các tùy chọn như đặt các tab bằng một số khoảng trắng hoặc thậm chí bạn có thể có các khoảng trắng chèn tab, tôi tin vậy Nói cách khác, tôi không chắc ý của bạn là gì. 😂 Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
người tuyết người tuyết
Theo "Tiểu sử không liên quan" - Bảy trên chín (có thể) nếu cô ấy được hỏi câu đó
Trình đơn thả xuống
Nếu dòng bắt đầu bằng ký tự tab, tôi có thể định cấu hình Mã VS để hiển thị nó dưới dạng hai hoặc bốn (hoặc bất kỳ số nào khác) khoảng cách, do đó, cùng một mã có thể có khoảng cách thụt lề khác trong máy của bạn so với máy của tôi Nếu tôi định cấu hình Mã VS để đặt hai dấu cách mỗi khi tôi nhấn tab, thì rất tiếc là không thể đối với những người thích thụt đầu dòng bốn dấu cách để trực quan hóa mã theo cách đó Thích bình luận. Thích bình luận. 6 lượt thích Thích Chủ đề
Jesse M. Holmes Tác giả Jesse M. Holmes
Theo Tôi theo dõi các lập trình viên mới. đồng thau. Kẻ báo thù ADHD. Người tình của chó săn khổng lồ. Người tin vào điều không thể
Trình đơn thả xuống
Đây là lần đầu tiên bất kỳ phần nào của cuộc thảo luận này có ý nghĩa với tôi. 🤩 Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
Meghan (cô ấy/cô ấy) Meghan (cô ấy/cô ấy)
Theo 24. Phù thủy chuyển giới địa phương thích làm phép thuật với bàn phím. cô ấy / cô ấy. Hiện đang cố gắng làm cho Web ít tập trung hơn
Trình đơn thả xuống
hoặc sử dụng mã vs vẫn có thể chọn số lượng khoảng cách bạn muốn Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
mihail malo mihail malo
Theo
Trình đơn thả xuống
Tôi có phải là người duy nhất mà Công cụ tạo màu theo cặp khung làm phiền và mất tập trung không?
Tyler V. (anh ấy / anh ấy) Tyler V. (anh ấy / anh ấy)
Theo anh ấy / anh ấy. Một nhà phát triển thích dạy người khác và truyền niềm đam mê của tôi về Toán học, Viết mã và Chụp ảnh Thú cưng. Yêu Vũ. js 💚
Trình đơn thả xuống
Sở thích của tôi đối với 4 khoảng trắng bắt nguồn từ việc bắt đầu với Python Kể từ khi bắt đầu sử dụng Prettier trong Mã VS, tôi đã gặp sự cố với cài đặt được thay đổi thành 4 dấu cách khi tương tác với tiện ích Rainbow Indent và do đó đã chuyển sang sử dụng 2 dấu cách thay thế Tôi không nghĩ cái nào là "dễ đọc" hơn cái kia. Khi có nhiều chiều rộng thụt lề, ngay cả công cụ tạo màu thụt lề/dấu ngoặc cầu vồng cũng không đủ để ngăn tôi sử dụng ngón tay/mảnh giấy để tìm ra vị trí/nên đặt dấu ngoặc nhọn phù hợp Thích bình luận. Thích bình luận. 3 lượt thích Thích Sụt lún lan rộng
Daniel J Dominguez Daniel J Dominguez
Theo Tôi là Daniel Dominguez và tôi là nhà phát triển web
Trình đơn thả xuống
8 Tôi đã từng thích 4 hơn, nhưng tôi nghĩ, nếu tôi thấy mình thụt vào quá nhiều, thì có lẽ nó nên được cấu trúc lại. Đã học về điều này bằng cách đọc về hướng dẫn phong cách Linux Thích bình luận. Thích bình luận. 5 lượt thích Thích Sụt lún lan rộng
Pavel Vergeev Pavel Vergeev
Theo Người phát triển phần mềm
Trình đơn thả xuống
Tôi sử dụng 4 cho mã Python (đó là PEP8) và 2 cho html/css/js Thích bình luận. Thích bình luận. 3 lượt thích Thích Sụt lún lan rộng
Jaaki Jaaki
Theo Kỹ sư khởi nghiệp Người giải quyết vấn đề sáng tạo Full-Stack Developer Freelance và Startups
Trình đơn thả xuống
Ôi trời, câu hỏi đó sẽ phá vỡ tất cả chúng ta Tỷ lệ vàng, càng vào sâu càng nhiều không gian, cũng như trên dưới Cho đến khi mã của bạn tự xoay vòng, thì bạn sẽ ở cấp độ tiếp theo Có phụ thuộc vào phông chữ không, đơn cách, in đậm, v.v. Thích bình luận. Thích bình luận. 1 thích Thích Sụt lún lan rộng
Curtis Fenner Curtis Fenner
Theo kỹ sư phần mềm. CS BSE. đam mê ngôn ngữ lập trình, toán học và hệ thống phân tán. đã lập trình dưới một hình thức nào đó trong 10 năm
Trình đơn thả xuống
Tôi thích bốn vì nó dễ dàng hơn nhiều để quét nhanh những dấu ngoặc nào khớp và nơi các khối kết thúc và bắt đầu Mã được lồng sâu thường được tránh, vì vậy tôi không bỏ lỡ không gian bị chiếm Thích bình luận. Thích bình luận. 3 lượt thích Thích Sụt lún lan rộng
Mikael Klages Mikael Klages
Theo 418 bio là một ấm trà
Trình đơn thả xuống
Tôi nghi ngờ bất kỳ ai đã thực hiện nghiên cứu thực tế về cái nào dễ đọc hơn, mặc dù tôi cho rằng bất cứ cái gì đã quen sẽ dễ đọc nhất đối với họ Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
morgana morgana
Theo Xây dựng và đảm bảo tất cả mọi thứ. Python là goto của tôi. Tôi là một kỹ sư phần mềm chuyên nghiệp, có nền tảng về vai trò SRE/Ops và yêu thích bảo mật
Trình đơn thả xuống
Hoặc làm việc cho tôi Đó là khi tôi phải mở một số C hoặc Java có khoảng cách hỗn hợp, tôi bắt đầu phun ra những lời tục tĩu Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
miguel miguel
Theo Tôi là một kỹ sư phần mềm, đam mê tạo ra các giải pháp kỹ thuật số trong môi trường doanh nghiệp. Trong thời gian rảnh của tôi, tôi xây dựng
Trình đơn thả xuống
Tôi luôn sử dụng 3 dấu cách Thích bình luận. Thích bình luận. 2 lượt thích Thích Sụt lún lan rộng
Lars Klopstra ⚡ Lars Klopstra ⚡
Theo Kỹ sư phần mềm — Người tạo ra Nebula, người đam mê Laravel & blogger
Trình đơn thả xuống
Thông thường tôi sử dụng 2 dấu cách, nhưng nó thực sự phụ thuộc vào ngôn ngữ. Và tôi tự động cấu trúc lại các tab thành khoảng trắng;) Thích bình luận. Thích bình luận. 1 thích ThíchXem toàn bộ thảo luận (44 bình luận) Quy tắc ứng xử • Báo cáo lạm dụngBạn có chắc chắn muốn ẩn bình luận này? Tôi nên thụt lề 2 hoặc 4 dấu cách?Sở thích của tôi với tư cách là nhà phát triển phần mềm là sử dụng thụt đầu dòng 2 khoảng trắng trong các dự án giao diện người dùng và thụt lề 4 dấu cách trong các dự án phụ trợ . Tuy nhiên, việc sử dụng thụt lề 4 khoảng trắng sẽ cho nhiều lề hơn yêu cầu. Mặt khác, thụt đầu dòng 2 dấu cách tạo ra khoảng cách không phù hợp và có thể làm giảm khả năng đọc mã trong một số trường hợp.
Tôi nên sử dụng 4 dấu cách hay tab?Vì vậy, vào cuối ngày, tab so với dấu cách thực sự là vấn đề ưu tiên , tuy nhiên, tab vẫn là ký tự cụ thể .
Tôi có nên thụt lề mã HTML của mình không?Không. Mã HTML không cần thụt lề và tất cả các trình duyệt cũng như công cụ tìm kiếm đều bỏ qua việc thụt lề và khoảng cách thừa. Tuy nhiên, đối với bất kỳ người đọc nào, bạn nên thụt lề văn bản của mình vì nó giúp quét và đọc mã dễ dàng hơn.
Tại sao có 4 dấu cách thay vì các tab?Giải thích về câu trả lời được chấp nhận. Nếu một vài người làm việc trên cùng một tệp, rất có thể sẽ phát sinh xung đột không đáng có. Sử dụng khoảng trắng thay vì tab giúp bạn có thể dễ dàng bắt gặp một khoảng trống tình cờ như vậy trên nhãn cầu và đây có lẽ là lý do tại sao việc sử dụng chúng lại trở thành tiêu chuẩn. |
