Meta http-equiv x-ua-compatible content ie edge là gì năm 2024
What's the difference if one web page starts with and If the page starts with without X-UA-Compatible meta > If there is no difference, I suppose I can just ignore the X-UA-Compatible meta header, since I just want it to be rendered in most standard mode in all IE versions. Show 30th Oct 2020, 1:53 AM Rishbabh Sharma IE before version 11 will not necessarily use edge mode if you don't specify it. So if you want to support older versions of IE the meta tag is necessary. In IE you can also add intranet sites to the "compatibility view" list which will render them in quirksmode, X-UA-Compatible overrides this setting. I learned that the hard way because a company I was in changed compatibility view settings for all users, via group policy. It's one of those things that you just put there for ease of mind. X-UA-Compatible probably does not matter in 2020 but it's easy enough to add, for those 0.003% of edge cases. Thẻ
3 xác định siêu dữ liệu (Metadata) về tài liệu HTML. Metadata là thông tin về dữ liệu. Ví dụ sau mô tả siêu dữ liệu trong tài liệu HTML:
Các thẻ
3 luôn nằm bên trong phần tử và thường được sử dụng để chỉ định bộ ký tự, mô tả trang, từ khóa, tác giả của tài liệu và cài đặt chế độ xem.Siêu dữ liệu sẽ không được hiển thị trên trang, nhưng máy có thể phân tích cú pháp. Siêu dữ liệu được sử dụng bởi trình duyệt (cách hiển thị nội dung hoặc load lại trang), công cụ tìm kiếm (từ khóa) và các dịch vụ web khác. Có một phương pháp cho phép các nhà thiết kế web kiểm soát chế độ xem (khu vực hiển thị của người dùng trên trang web), thông qua thẻ
3. Hỗ trợ trình duyệtPhần tử Google ChromeMS EdgeFirefoxSafariOperaCóCóCóCóCó Thuộc tínhThuộc tínhGiá trịMô tảcharsetcharacter_setChỉ định mã hóa ký tự cho tài liệu HTMLcontenttextChỉ định giá trị được liên kết với thuộc tính http-equiv hoặc tênhttp-equivcontent-security-policy content-type default-style refreshCung cấp tiêu đề HTTP cho thông tin/giá trị của thuộc tính nội dungnameapplication-name author description generator keywords viewportChỉ định tên cho siêu dữ liệu Hầu hết các thẻ meta sử dụng kết hợp các thuộc tính sau để chứa dữ liệu của chúng.
Bạn sẽ thấy các thẻ meta sau thường được hỗ trợ bởi nhiều dịch vụ web và trình duyệt khác nhau. Thẻ meta descriptionSnippet có tối đa 155 ký tự này tóm tắt nội dung của một trang. Công cụ tìm kiếm thường hiển thị nó dưới header trang và URL. Điều cần thiết là cung cấp mô tả ngắn gọn và chính xác để khuyến khích người dùng nhấp vào liên kết và truy cập trang của bạn.
Thẻ meta Open GraphFacebook và các nền tảng mạng xã hội khác sử dụng rất nhiều các thẻ này. Chúng sử dụng thông tin trong những thẻ này để cải thiện việc trình bày các liên kết đến trang của bạn khi người dùng chia sẻ nó. Thẻ meta Open Graph bao gồm các thuộc tính như og:title, og:description và og:image:
Thẻ meta SEOCác thẻ này cung cấp thông tin cho công cụ tìm kiếm và có thể giúp cải thiện thứ hạng trang của bạn. Chúng cũng được đưa vào danh sách các phương pháp hay nhất về SEO cần thiết. Chúng bao gồm các thuộc tính như robots, author, v.v... Mặc dù tầm quan trọng của các thẻ này đã giảm dần theo thời gian nhưng việc đưa chúng vào tài liệu HTML của bạn vẫn rất cần thiết.
Thẻ meta viewportThẻ meta viewport là một yếu tố thiết yếu trong thiết kế web đáp ứng. Nó yêu cầu trình duyệt điều chỉnh bố cục trang web theo chiều rộng của thiết bị, đảm bảo nội dung hiển thị chính xác và có thể đọc được trên thiết bị di động.
Thẻ meta HTTP-EquivCác thẻ meta này rất cần thiết để kiểm soát những khía cạnh cụ thể về cách trình duyệt và máy chủ xử lý các trang web. Chúng bao gồm các thuộc tính như refresh và X-UA-Compatible. Mặc dù tác động trực tiếp của chúng đến SEO có thể khác nhau nhưng chúng đóng một vai trò quan trọng trong việc ảnh hưởng đến hành vi và khả năng tương thích của trang.
Bạn sẽ không sử dụng tất cả chúng cùng một lúc trong dự án của mình, nhưng điều quan trọng là phải hiểu rõ về các thẻ meta khác nhau có sẵn. Ngoài ra, việc sử dụng thẻ meta mang lại lợi ích trong việc cải thiện việc tổ chức tài liệu HTML. Thẻ meta tùy chỉnhCác thẻ meta rất linh hoạt vì:
Dưới đây là ví dụ về thẻ meta tùy chỉnh:
Trong ví dụ này, thẻ tùy chỉnh chỉ định đối tượng mục tiêu của nội dung, cho biết rằng nó nhắm mục tiêu đến các nhà phát triển. Thẻ meta tùy chỉnh cung cấp cách mở rộng bộ thẻ tiêu chuẩn được công nhận rộng rãi. Tuy nhiên, điều quan trọng là phải ghi lại cẩn thận các thẻ tùy chỉnh bạn sử dụng và hiểu rõ về cách bạn sẽ sử dụng chúng. Các dịch vụ khác sẽ không sử dụng hoặc nhận dạng chúng theo mặc định, vì vậy, đôi khi bạn có thể sẽ viết code của riêng mình để xử lý chúng. Thuộc tính GlobalThẻ
3 cũng hỗ trợ thuộc tính Global trong HTML. Một số ví dụXác định từ khóa cho công cụ tìm kiếm:
Xác định mô tả về trang web của bạn:
Xác định tác giả của một trang:
Refresh tài liệu cứ sau 30 giây:
0 Đặt chế độ xem để làm cho trang web của bạn hiển thị tốt trên tất cả các thiết bị:
Đặt chế độ xemViewport (viewport) là khu vực hiển thị của người dùng trên trang web. Nó thay đổi theo thiết bị - nhỏ hơn trên điện thoại di động và lớn hơn trên màn hình máy tính. Bạn nên đưa phần tử
3 sau vào tất cả các trang web của mình:
Điều này cung cấp hướng dẫn cho trình duyệt về cách kiểm soát kích thước và tỷ lệ của trang. Phần
8 đặt chiều rộng của trang theo chiều rộng màn hình của thiết bị (sẽ thay đổi tùy theo thiết bị). |