Thẻ cho phép bạn chỉ định các tệp video/âm thanh/hình ảnh thay thế mà trình duyệt có thể chọn, dựa trên sự hỗ trợ của trình duyệt hoặc chiều rộng khung nhìn. Trình duyệt sẽ chọn
đầu tiên mà nó hỗ trợ
Bài viết này giải thích cách truy cập mã nguồn HTML của trang web trong trình duyệt web Google Chrome, cũng như cách truy cập và sử dụng các công cụ dành cho nhà phát triển của Chrome. Xem mã nguồn của trang web là một cách tuyệt vời cho người mới bắt đầu học HTML
Xem mã nguồn trong Chrome
Vậy làm thế nào để bạn xem mã nguồn của một trang web?
Mở trình duyệt web Google Chrome [nếu bạn chưa cài đặt Google Chrome, đây là bản tải xuống miễn phí]
Điều hướng đến trang web bạn muốn kiểm tra
Nhấp chuột phải vào trang và nhìn vào menu xuất hiện. Từ menu đó, nhấp vào Xem nguồn trang
Mã nguồn của trang đó bây giờ sẽ xuất hiện dưới dạng một tab mới trong trình duyệt
Ngoài ra, bạn cũng có thể sử dụng phím tắt Ctrl+U trên PC để mở cửa sổ có hiển thị mã nguồn của trang web. Trên máy Mac, phím tắt này là Command+Option+U
Sử dụng Công cụ dành cho nhà phát triển của Chrome
Ngoài khả năng xem nguồn trang đơn giản mà Google Chrome cung cấp, bạn cũng có thể tận dụng Công cụ dành cho nhà phát triển tuyệt vời của họ để tìm hiểu sâu hơn về một trang web. Những công cụ này sẽ cho phép bạn không chỉ xem HTML mà còn cả CSS áp dụng để xem các thành phần trong tài liệu HTML đó
Để sử dụng các công cụ dành cho nhà phát triển của Chrome
Mở Google Chrome
Điều hướng đến trang web bạn muốn kiểm tra
Chọn menu ba chấm ở góc trên bên phải của cửa sổ trình duyệt
Từ menu, hãy di chuột qua Công cụ khác rồi chọn Công cụ dành cho nhà phát triển trong menu xuất hiện
Một cửa sổ sẽ mở ra hiển thị mã nguồn HTML ở bên trái của khung và CSS có liên quan ở bên phải
Ngoài ra, nếu bạn nhấp chuột phải vào một thành phần trong trang web và chọn Kiểm tra từ menu xuất hiện, các công cụ dành cho nhà phát triển của Chrome sẽ bật lên và đánh dấu phần cụ thể mà bạn đã chọn trong HTML với CSS tương ứng được hiển thị ở bên phải. Nó cực kỳ hữu ích nếu bạn muốn tìm hiểu thêm về một phần cụ thể của trang web
Cách kiểm tra một phần tử trên máy Mac
Xem mã nguồn có hợp pháp không?
Trong những năm qua, chúng tôi đã có nhiều nhà thiết kế web mới đặt câu hỏi liệu có thể chấp nhận được việc xem mã nguồn của một trang web và sử dụng nó cho mục đích giáo dục của họ và cuối cùng là cho công việc họ làm hay không. Mặc dù việc sao chép toàn bộ mã của một trang web và biến nó thành mã 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, nhưng việ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ộ được tạo ra trong ngành này
Như chúng tôi đã đề cập ở đầu bài viết này, bạn sẽ khó tìm được một chuyên gia web đang làm việc ngày nay mà không học được điều gì đó bằng cách xem mã nguồn của trang web. Có, xem mã nguồn của một trang web là hợp pháp. Sử dụng mã đó làm tài nguyên để xây dựng thứ gì đó tương tự cũng an toàn. Lấy mã nguyên trạng và bỏ qua vì công việc của bạn là nơi bạn bắt đầu gặp sự cố.
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ọ nhìn thấy và được truyền cảm hứng, vì vậy đừng ngần 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
Không chỉ là HTML
Một điều cần nhớ là các tệp nguồn có thể rất phức tạp [và trang web bạn đang xem càng phức tạp thì mã của trang web đó càng có khả năng phức tạp hơn]. Ngoài cấu trúc HTML tạo nên trang, cũng sẽ có CSS [biểu định kiểu xếp tầng] quyết định hình thức trực quan của trang web đó. Ngoài ra, nhiều trang web ngày nay sẽ bao gồm các tệp tập lệnh cùng với HTML
Có khả năng có nhiều tệp script được bao gồm; . Thành thật mà nói, mã nguồn của một trang web có vẻ quá sức, đặc biệt nếu bạn chưa quen với việc này. Đừng thất vọng nếu bạn không thể tìm ra điều gì đang xảy ra với trang web đó ngay lập tức. Xem nguồn HTML chỉ là bước đầu tiên trong quy trình này. Với một chút kinh nghiệm, bạn sẽ bắt đầu hiểu rõ hơn cách tất cả các phần này khớp với nhau để tạo ra trang web mà bạn nhìn thấy trong trình duyệt của mình. Khi bạn quen thuộc hơn với mã, bạn sẽ có thể học được nhiều hơn từ nó và dường như nó sẽ không quá khó khăn đối với bạn
Câu hỏi thường gặp
Làm cách nào để chỉnh sửa mã HTML trong Chrome?
Mở Công cụ dành cho nhà phát triển trong Chrome bằng cách nhấn Ctrl [hoặc Command trên máy Mac] + Shift + I. Từ đó, nhấn Ctrl [Command trên Mac] + O và chọn tệp nguồn đã lưu mà bạn muốn chỉnh sửa để mở tệp đó
Làm cách nào để xem mã nguồn của trang trong Chrome nếu Chế độ xem nguồn bị tắt?
Nếu một trang web đã tắt tùy chọn Xem nguồn, bạn vẫn có thể xem dưới mui xe. Từ đầu cửa sổ trình duyệt, chọn Xem > Nhà phát triển > Xem nguồn, thao tác này sẽ hiển thị mã nguồn của trang web
Làm cách nào để xem mã nguồn của trang web trong Chrome bằng thiết bị Android của tôi?
Điều hướng đến trang web bạn muốn xem bằng ứng dụng Chrome trên thiết bị của bạn, sau đó chọn thanh địa chỉ của trình duyệt. Di chuyển con trỏ văn bản sang phía bên trái—phía trước URL—và nhập nguồn xem, sau đó nhấn Enter hoặc chọn Đi
Là mã nguồn HTML?
Mã nguồn là một chương trình máy tính được chuyển đổi thành ngôn ngữ máy để máy đọc và biên dịch dưới dạng hình ảnh và chức năng. Mã HTML của trang web còn được gọi là mã nguồn .HTML có giống mã nguồn không?
Ngôn ngữ đánh dấu . Tuy nhiên, đây không phải là trường hợp của ngôn ngữ lập trình mà là ngôn ngữ đánh dấu HTML . Ngôn ngữ đánh dấu xác định cách cấu trúc nội dung. Ví dụ: sử dụng HTML cho phép bạn xác định tiêu đề, đoạn văn hoặc điểm nổi bật.Nguồn HTML là gì?
Phần tử HTML chỉ định nhiều tài nguyên phương tiện cho phần tử . It is a void element, meaning that it has no content and does not have a closing tag.Trang web có mã nguồn không?
Bên dưới tất cả hình ảnh, văn bản và lời kêu gọi hành động trên trang web của bạn là mã nguồn trang web . Google và các công cụ tìm kiếm khác “đọc” mã này để xác định vị trí trang web của bạn sẽ xuất hiện trong chỉ mục của chúng cho một truy vấn tìm kiếm nhất định.