Hướng dẫn why my html code is not running - tại sao mã html của tôi không chạy

Một trong những câu hỏi phổ biến nhất mà tôi nhận được liên quan đến việc bắt đầu HTML và CSS là tại sao lại làm việc này? Thật không may, tôi không thể nhìn vào dự án cá nhân của mọi người nếu không tôi sẽ không có thời gian để thực hiện các dự án của riêng mình, nhưng bây giờ và sau đó tôi sẽ xem xét nếu có vẻ như nó sẽ là một cái gì đó nhanh chóng và là một trong những lỗi phổ biến nhất Tôi thấy là ký tự đặc biệt trong văn bản. Điều này thường xảy ra khi bạn cắt và dán từ một chương trình như Microsoft Word, sử dụng các ký tự đặc biệt cho các ký tự như trích dẫn. Trên thực tế, đó chính xác là trường hợp ngày hôm nay, khi tôi nhận được một câu hỏi từ một độc giả đã bị mắc kẹt trong ví dụ đầu tiên từ đầu HTML đầu tiên với CSS & XHTML; CSS của anh ấy chỉ là làm việc và anh ấy vô cùng thất vọng, có thể hiểu được như vậy! Khi tôi tải tệp HTML của anh ấy và xem nguồn bằng trình duyệt của tôi, tôi nhận thấy rằng thẻ kiểu mở đầu của anh ấy có các ký tự đặc biệt xung quanh thuộc tính loại:

Loại lỗi này là khó bắt, đặc biệt là đối với người mới bắt đầu. Trong trình soạn thảo của bạn, bạn đã thấy các trích dẫn, vì vậy bạn không bao giờ biết có vấn đề trừ khi bạn xem nguồn tin bằng cách sử dụng trình duyệt của bạn và xem các ký tự đặc biệt trong cửa sổ nguồn [hiển thị văn bản thuần túy].

Vì vậy, hai mẹo:

1. Đảm bảo trình chỉnh sửa của bạn được đặt thành văn bản đơn giản để không có ký tự đặc biệt nào được chèn vào HTML và CSS của bạn
2. Nếu bạn gặp sự cố, hãy xem nguồn bằng cách sử dụng menu Nguồn xem nguồn [trong Safari, Xem> Nguồn]. Điều này thường sẽ phát hiện ra các vấn đề như các nhân vật đặc biệt mà bạn có thể không thấy trong trình soạn thảo thông thường của mình.

Tiếp tục gửi câu hỏi của bạn; Chúng tôi sẽ cố gắng trả lời cá nhân hoặc trên blog!

Tôi luôn luôn kiểm tra mã trước để đảm bảo rằng nó hoạt động tuy nhiên có nhiều lý do đôi khi nó không hoạt động cho cả tôi và những người khác sử dụng nó mặc dù nó không bị hỏng.

Dưới đây, một danh sách một số lý do mã không hoạt động:

1. Quên xóa bộ nhớ cache của trình duyệt: Bạn có thể thực hiện các thay đổi CSS và nghĩ rằng họ không hoạt động khi họ thực sự làm vì trình duyệt thực sự hiển thị một phiên bản cũ của các trang bao gồm mã cũ. Xóa bộ đệm trình duyệt của bạn để đảm bảo. You may make CSS changes and think they don’t work when they actually do because the browser is actually displaying an older version of pages which include the older code. Clear your browser cache to make sure.
2. Didnith xóa bộ đệm máy chủ: Một số nhà cung cấp dịch vụ lưu trữ được quản lý sử dụng bộ nhớ đệm phía máy chủ rất tích cực. Tôi biết wpengine có nghĩa là nó thực sự có thể mất nhiều ngày trước khi thay đổi CSS xuất hiện trên trang web của bạn. Bạn có thể thực hiện những thay đổi này thực sự hoạt động nhưng nghĩ rằng chúng không phải vì bạn có thể thấy những thay đổi ở mặt trước. Xóa bộ đệm máy chủ của bạn và kiểm tra mã cục bộ bằng cách sử dụng bộ nhớ đệm phía máy chủ hoặc plugin bộ nhớ đệm. Some Managed Hosting providers use very aggressive server side caching. I know WPEngine do meaning it can actually take days before CSS changes appear on your site. You may make these changes which really work but think they don’t because you can’t see the changes on the front end. Clear your server cache and test the code locally of using server side caching or a caching plugin.
3. Mã CSS được dán vào tệp chức năng: Mã CSS không hoạt động chính xác trong tệp chức năng bao gồm thẻ PHP mở có nghĩa là bộ xử lý PHP được cài đặt trên máy chủ. CSS code doesn’t work properly in the functions file which includes an opening PHP tag meaning its read by a PHP processor installed on the server.
4. Được dán PHP vào bảng kiểu: Mã PHP không hoạt động trong tệp .CSS được đọc bởi trình duyệt và không phải bộ xử lý PHP được cài đặt trên máy chủ.: PHP code doesn’t work in a .css file which is read by a browser and not a PHP processor installed on the server.
5. Được dán PHP hoặc CSS vào các tập lệnh tiêu đề và chân trang: Các chủ đề bao gồm một hộp cho các tập lệnh tiêu đề và chân trang làm như vậy để dễ dàng thêm JavaScript cho Google Analytics Theo dõi và tập lệnh trò chuyện trực tiếp, chứ không phải tập lệnh PHP. Themes which include a box for header and footer scripts do so to make it easy to adds Javascript for Google Analytics tracking and live chat scripts, not PHP scripts.
6. Đã sao chép nó từ một trang web và dán nó vào trình chỉnh sửa chủ đề: sai lầm rất phổ biến có thể khiến các dấu nháy đơn quay lại dẫn đến màn hình màu trắng của cái chết phá vỡ trang web của bạn. Luôn sao chép mã thô và dán nó ở cuối tệp bằng trình chỉnh sửa văn bản như Notepad ++. Very common mistake that can cause the Apostrophes to turn around resulting in the white screen of death which breaks your site. Always copy the raw code and paste it at the end of the file using a text editor like Notepad++.
7. Didn lồng sao chép tất cả các mã: Sao chép một khối mã CSS mà không bao gồm lớp hoặc bỏ lỡ một khung đóng sẽ dẫn đến mã không hoạt động. Vì vậy, bạn có thể nghĩ rằng mã không có Geed khi vấn đề duy nhất là bạn để lại một khung hoặc bán ruột phía sau. Copying a block of CSS code which doesn’t include the class or misses a closing bracket will result in the code not working. So you may think the code is no geed when the only problem is you left a bracket or semi colon behind.
8. Didn lồng dán tất cả các mã: giống như trên và đôi khi xảy ra.: Same as above and does happen sometimes.
9. Đã sử dụng các móc mới khi chủ đề của bạn sử dụng các cái cũ: sử dụng mã bao gồm các móc vòng cho các trang web vẫn đang chạy đánh dấu XHTML cũ trên các trang web mới không hoạt động. Mã này sẽ hoạt động trên các trang web cũ hơn để nó bị hỏng, nhưng nó đã giành được công việc trên HTML 5 cho phép các chủ đề trẻ em. Using code which includes Loop hooks for sites still running the old XHTML markup on new sites doesn’t work. The code will work on older sites so it isn’t broken, but it won’t work on HTML 5 enables child themes.
10. Đã sử dụng các móc cũ khi chủ đề của bạn sử dụng những cái mới: giống như trên Same as above
11. Sử dụng một trình duyệt cũ mà không hỗ trợ các lớp trong mã: một số trình duyệt cũ hơn không hỗ trợ các lớp CSS nhất định có nghĩa là mã sẽ không làm những gì nó viết. Bạn có thể cài đặt một số trình duyệt để kiểm tra mã hoặc sử dụng các công cụ trực tuyến miễn phí cho khả năng tương thích của trình duyệt chéo. Some older browsers don’t support certain CSS classes meaning the code will not do what its written for. You can install several browsers to test the code or use free online tools for cross browsers compatability.
12. Sử dụng phiên bản trình duyệt mới nhất chưa hỗ trợ các lớp trong mã: một số trình duyệt mới không hỗ trợ một số lớp CSS có nghĩa là mã sẽ hoạt động trên các trình duyệt cũ hơn tuy nhiên bạn có thể nghĩ rằng bạn không sử dụng beta Phiên bản hoặc phiên bản mới nhất chỉ mới được phát hành. Some new browsers don’t support some CSS classes meaning the code will work on older browsers however you may think it doesn’t because you’re using a beta version or the latest version which has only just bee released.
13. Đã sao chép thẻ PHP mở và dán nó vào tệp chức năng của bạn: các đoạn PHP thường bao gồm một thẻ PHP mở tuy nhiên điều này không nên được dán vào một tệp chức năng đã bao gồm thẻ đó. Bạn sẽ nhận được một thông báo lỗi và phá vỡ trang web của bạn nếu điều này xảy ra dễ dàng để sửa chữa chỉ bằng cách xóa thẻ. Đây là lý do thực hành tốt nhất của nó để sử dụng trình chỉnh sửa văn bản để dán mã vào tệp thực tế thay vì sử dụng trình chỉnh sửa WordPress họ. Nếu bạn thêm mã vào tệp thực tế, bạn có thể dễ dàng mở lại nó và loại bỏ sự cố một cách nhanh chóng, đó là trường hợp nếu sử dụng trình chỉnh sửa chủ đề vì bạn sẽ bị khóa trang web khi bạn gặp lỗi lập trình. PHP snippets generally include an opening PHP tag however this shouldn’t be pasted into a functions file which already includes that tag. You will get an error message and break your site if this happens which is easy to fix simply by removing the tag. This is the reason its always best practice to use a text editor to paste the code into the actual file rather than use the WordPress them editor. If you add the code to the actual file, you can easily re-open it and remove the problem quickly which isn’t the case if using the theme editor as you will be locked out of the site when you suffer a programming error.
14. Được sao chép và dán cả hai giải pháp thay vì chọn một: nhiều bài đăng và diễn đàn bao gồm nhiều đoạn mã giải quyết các vấn đề tương tự. Nếu bạn dán 2 đoạn mã làm điều tương tự, nó có thể phá vỡ trang web của bạn để bạn có thể nghĩ rằng mã bị hỏng, đó là trường hợp. Chỉ sử dụng một đoạn mã tại một thời điểm. Many posts and forums include multiple code snippets which solve the same problems. If you paste 2 code snippets which do the same thing, it can break your site so you may think the code is broken which isn’t the case. Only use one snippet at a time.
15. Mã chức năng đã sao chép vào một tệp mẫu: Đôi khi bạn sẽ tìm thấy mã PHP đã được viết để được sử dụng trong tệp mẫu thay vì tệp chức năng chủ đề con. Mã mẫu không luôn luôn hoạt động trong một tệp chức năng vì nó thường được bọc trong các thẻ mở và đóng PHP. Các chức năng tùy chỉnh thường không có nghĩa là họ thường giành được công việc trong một tệp TE, tùy thuộc vào chủ đề. Chỉ cần đảm bảo rằng bạn biết chính xác tệp nào để dán mã vào nếu không bạn có thể nhận được lỗi khi nghĩ rằng mã không hoạt động khi nó xảy ra. Sometimes you’ll find PHP code which has been written to be used in a template file rather than a child themes functions file. Template code doesn’t always work in a functions file as its generally wrapped in PHP opening and closing tags. Custom functions generally aren’t meaning they generally won’t work in a te,plate file depending on the theme. Simply make sure you know exactly which file to paste the code in otherwise you may receive an error thinking the code doesn’t work when it does.
16. Bạn có một plugin được cài đặt qua khi cưỡi mã: một số plugin qua mã PHP có nghĩa là mã với các bộ lọc và móc có thể không hoạt động. Một ví dụ về điều này là plugin chỉnh sửa đơn giản Genesis. Nếu bạn đã cài đặt plugin này cho phép bạn tùy chỉnh thông tin bài đăng và bài đăng meta, hãy thêm mã PHP để làm điều tương tự bao gồm một bộ lọc thông tin Post hoặc thông tin bài đăng. Bạn có thể nghĩ rằng mã không hoạt động khi trên thực tế và tất cả những gì bạn cần làm để giải quyết vấn đề và khiến mã hoạt động là hủy kích hoạt plugin. Some plugins over ride PHP code meaning code with filters and hooks may not work. An example of this is the Genesis Simple Edits plugin. If you have this plugin installed which enables you to customize the post info and post meta, adding PHP code to do the same thing which includes a post meta or post info filter won’t work. You may think the code doesn’t work when in fact it does and all you need to do to solve the problem and get the code to work is deactivate the plugin.
17. Sử dụng mã PHP để thay đổi bố cục có điều kiện Mã này sẽ không hoạt động trên một số chủ đề bằng BBPress cũng sử dụng plugin Genesis BBpress Connect. Plugin này móc vào các bộ lọc Genesis, đó là cùng một mã PHP để thay đổi bố cục một cách có điều kiện để nó không hoạt động vì nó vượt qua mã. This code will not work on some themes using bbPress which also use the Genesis bbPress connect plugin. This plugin hooks into the Genesis filters which is the same thing PHP code does to change layouts conditionally so it will not work as it over rides the code.
18. Sử dụng các lớp XHTML CSS trên chủ đề HTML 5 con-Ví dụ: #Content sẽ không hoạt động trên chủ đề con HTML 5 sử dụng. Entry-Content. – Example: #content will not work on a HTML 5 child theme which uses .entry-content.
19. Sử dụng đánh dấu HTML trên chủ đề XHTML-tiêu đề .site sẽ không hoạt động trên trang web chạy đánh dấu XHTML để bạn cần sử dụng #header. – .site-header will not work on a site running XHTML markup so you need to use #header.
20. Mã mẫu trang trước-Bất kỳ mã nào trong mẫu trang trước của bạn chỉ hoạt động khi bạn sử dụng cài đặt đọc mặc định. Nếu bạn thay đổi các cài đặt này và chọn một trang tĩnh làm trang đầu của bạn, mã trong mẫu trang nhất của bạn sẽ không hoạt động. – Any code in your front-page template only works when you use the default Reading Settings. If you change these settings and select a Static Page as your front page, the code in your front page template will not work.
21. Đã thêm CSS sau các truy vấn phương tiện - tốt nhất để thêm CSS tùy chỉnh trước các truy vấn phương tiện của bạn nếu không nó có thể không hoạt động. – Best to add custom CSS before your Media Queries otherwise it may not work.
22. Đã thêm CSS để sửa đổi lớp đã được tạo kiểu - bạn đã thêm CSS ở cuối bảng kiểu của mình để thay đổi kiểu dáng của một yếu tố hiện có đã được tạo kiểu theo mặc định. Một ví dụ về điều này là khi bạn sửa đổi một khu vực widget để sử dụng tiện ích các bài đăng có tính năng của Genesis khi được tạo kiểu theo mặc định để sử dụng tiện ích trang nổi bật. CSS của bạn có thể khác nhau nhưng bạn đang sử dụng một lớp khác. Những gì bạn nên làm là sửa đổi các CS mặc định để nó trên các kiểu dài hơn, tiện ích trang nổi bật và chỉ tạo kiểu cho tiện ích bài đăng đặc trưng. – You added CSS at the end of your style sheet to change the styling of an existing element which is already styled by default. An example of this is when you modify a widget area to use the Genesis featured posts widget when its styled by default to use the featured page widget. Your CSS may be different but you are using a different class. What you ned to do is modify the default CSS so it on longer styles the featured page widget and only styles the featured post widget.
23. Mã mẫu trang chủ - Bất kỳ mã nào trong tệp mẫu Home.php của bạn, sẽ chỉ hoạt động trên trang nhất khi bạn sử dụng cài đặt đọc mặc định. Nếu bạn sử dụng một trang tĩnh làm trang đầu của bạn, mã sẽ chỉ hoạt động trên trang bài đăng của bạn [như trang blog] nếu bạn đã chọn mẫu trang blog từ menu thả xuống. [Chỉ áp dụng cho các chủ đề bao gồm mẫu trang blog]. – Any code in your home.php template file, will only work on the front page when you use the default Reading Settings. If you use a static page as your Front Page, the code will only work on your posts page [like a blog page] if you haven’t selected the blog page template from the drop down menu. [Only applies to themes with include a blog page template].
24. CSS sửa đổi không chính xác làm cho các CSS khác bị phá vỡ - một thành viên đã cài đặt một số mã để tạo bố cục tùy chỉnh nhưng nó không hoạt động vì CSS để sửa đổi chiều rộng nội dung đã không hoạt động. Họ đã phát hiện ra các CS khác mà họ đã thêm trước đây bằng cách sử dụng! Quan trọng ngăn chặn CSS mới hoạt động. – A member installed some code to create a custom layout but it didn’t work because the CSS to modify the content width didn’t work. They discovered other CSS they added previously using!important prevented the new CSS working.

Mã trên sẽ không hoạt động nếu bạn cũng có plugin chỉnh sửa đơn giản Genesis được kích hoạt khi nó vượt qua bộ lọc thông tin bài đăng.

Đó là tất cả những gì tôi có thể nghĩ đến vào lúc này nhưng chắc chắn rằng có nhiều lý do khác mà mã không hoạt động [nhưng thực sự có thể] có thể được thêm vào danh sách này.

Bài viết liên quan

• 5 điểm quan trọng cần xem xét trước khi xuất bản lại mã