Bạn muốn xem cách trang web được xây dựng? Hãy thử xem mã nguồn của nó.
Xem nguồn HTML của trang web là một trong những cách dễ nhất (và hiệu quả nhất) để tìm hiểu HTML, đặc biệt là cho các chuyên gia web mới hơn, những người mới bắt đầu trong ngành. Nếu bạn thấy điều gì đó trên một trang web và muốn biết nó đã được thực hiện như thế nào, hãy xem mã nguồn cho trang web đó.
Nếu bạn chỉ thích bố cục trang web, hãy xem nguồn để xem cách bố cục đó đã đạt được sẽ giúp bạn tìm hiểu và cải thiện công việc của riêng mình. Qua nhiều năm, nhiều nhà thiết kế web và nhà phát triển đã học được khá nhiều HTML đơn giản bằng cách xem nguồn của các trang web mà họ thấy. Đó là một cách tuyệt vời để người mới bắt đầu học HTML và cho các chuyên gia web dày dạn kinh nghiệm để xem các kỹ thuật mới có thể đã được áp dụng cho một trang web như thế nào.
Hãy nhớ rằng các tệp nguồn có thể rất phức tạp. Cùng với đánh dấu HTML cho một trang, có thể sẽ có rất nhiều tệp CSS và tập lệnh được sử dụng để tạo giao diện và chức năng của trang web đó, vì vậy đừng thất vọng nếu bạn không thể tìm ra điều gì đang xảy ra ngay lập tức. Xem nguồn HTML chỉ là bước đầu tiên. Sau đó, bạn có thể sử dụng các công cụ như tiện ích mở rộng Nhà phát triển web của Chris Pederick để xem CSS và các tập lệnh cũng như kiểm tra các phần tử cụ thể của HTML.
Nếu bạn đang sử dụng trình duyệt Safari, dưới đây là cách bạn có thể xem mã nguồn của trang để xem mã nguồn được tạo ra như thế nào.
Cách xem nguồn HTML trong Safari
- Mở Safari.
- Điều hướng đến trang web bạn muốn kiểm tra.
- Nhấp vào menu Develop trong thanh menu trên cùng. Lưu ý: Nếu menu Develop không hiển thị, hãy vào Preferences trong phần Advanced và chọn Show Develop menu trong thanh menu.
- Nhấp vào Hiển thị nguồn trang . Thao tác này sẽ mở một cửa sổ văn bản với nguồn HTML của trang bạn đang xem.
Lời khuyên
- Trên hầu hết các trang web, bạn cũng có thể xem nguồn bằng cách nhấp chuột phải vào trang (không phải trên hình ảnh) và chọn Hiển thị nguồn trang. Điều này sẽ chỉ hiển thị nếu menu Develop được kích hoạt trong Preferences.
- Safari cũng có một phím tắt để xem mã nguồn HTML - giữ phím lệnh và các phím tùy chọn và nhấn U (Cmd-Opt-U.)
Xem mã nguồn có hợp pháp không?
Trong khi sao chép mã của một trang web bán buôn và chuyển nó thành của riêng bạn trên một trang web chắc chắn là không thể chấp nhận được, sử dụng mã đó làm bàn đạp để học hỏi thực sự là có bao nhiêu tiến bộ trong ngành này. Trong thực tế, bạn sẽ khó ép để tìm một chuyên gia web làm việc ngày nay, những người đã không học được điều gì đó bằng cách xem nguồn của một trang web!
Cuối cùng, các chuyên gia web học hỏi lẫn nhau và thường cải thiện công việc mà họ thấy và được truyền cảm hứng, vì vậy đừng ngại xem mã nguồn của trang web và sử dụng nó như một công cụ học tập.