1. Trang chủ
  2. » Thể loại khác

microdata trong html5

3 79 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 3
Dung lượng 175,74 KB

Nội dung

http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     Microdata HTML5 Microdata cách tiêu chuẩn hóa để cung cấp semantic bổ sung trang web bạn Microdata cho bạn định nghĩa phần tử tùy chỉnh riêng bạn bắt đầu nhúng thuộc tính tùy chỉnh trang web Ở mức độ cao, microdata bao gồm nhóm cặp tên-giá trị Các nhóm gọi item – mục, cặp tên-giá trị thuộc tính (property) Các item thuộc tính biểu diễn phần tử quy Ví dụ • Để tạo item, thuộc tính itemscope sử dụng • Để thêm thuộc tính tới item, thuộc tính itemprop sử dụng item Ở có hai item, item có thuộc tính “name”:

My name is Zara.

My name is Nuha.

Nói chung thuộc tính có giá trị mà chuỗi có kiểu liệu sau: Các thuộc tính Global Microdata giới thiệu thuộc tính Global có sẵn cho phần tử để sử dụng cung cấp ngữ cảnh cho thiết bị liệu bạn: Thuộc tính Miêu tả itemscope Được sử dụng để tạo item Thuộc tính thuộc tính logic mà nói có Microdata trang này, nơi bắt đầu http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     itemtype Thuộc tính URL hợp lệ mà định nghĩa item cung cấp ngữ cảnh cho thuộc tính itemid Thuộc tính nhận diện global cho item itemprop Thuộc tính định nghĩa thuộc tính item itemref Thuộc tính cung cấp danh sách phần tử bổ sung để tìm cặp tên-giá trị item Các kiểu liệu thuộc tính Nói chung thuộc tính có giá trị mà chuỗi đề cập ví dụ trên, chúng có giá trị URL Ví dụ sau có thuộc tính, “image”, giá trị URL: Các thuộc tính có giá trị ngày, thời gian ngày thời gian Điều thực sử dụng phần tử time thuộc tính datetime My birthday is: Aug 5th 1971 Các thuộc tính nhóm cặp tên-giá trị, việc đặt thuộc tính itemscope phần tử mà khai báo thuộc tính Hỗ trợ Microdata API Nếu trình duyệt hỗ trợ HTML5 Microdata API, hàm getItem() đối tượng tài liệu global Nếu trình duyệt khơng hỗ trợ Microdata, hàm getItem() không định nghĩa function supports_microdata_api() { return !!document.getItems; } Modernizr không hỗ trợ việc kiểm tra cho Microdata API, bạn cần sử dụng hàm liệt kê http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/html5/index.jsp                                                                                                              Copyright  ©  vietjack.com     HTML5 Microdata chuẩn bao gồm HTML Markup (chủ yếu cho phương tiện tìm kiếm) tập hợp hàm DOM (chủ yếu cho trình duyệt) Bạn bao gồm Microdata Markup trang web bạn, phương tiện tìm kiếm mà khơng hiểu thuộc tính microdata bỏ qua chúng Nhưng bạn cần truy cập thao tác microdata thông qua DOM, bạn cần kiểm tra có hay khơng trình duyệt hỗ trợ Microdata DOM API Định nghĩa Microdata Vocabulary Để định nghĩa Microdata Vocabulary, bạn cần URL không gian tên mà tới trang web làm việc Ví dụ: http://data-vocabulary.org/Person sử dụng không gian tên cho Microdata Vocabulary cá nhân với thuộc tính đặt tên sau: • name - Tên người chuỗi đơn • Photo - Một URL tới hình ảnh người • URL - Một Website thuộc người Sử dụng thuộc tính sau: Andy Runie

My Blog Google hỗ trợ Microdata phần chương trình Rich Snippets họ Khi Crawler phân tích trang web bạn tìm thấy thuộc tính microdata mà phù hợp với http://data-vocabulary.org/Person, phân tích thuộc tính lưu chúng với phần lại liệu trang Bạn kiểm tra ví dụ sử dụng Rich Snippets Testing Tool   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... trợ Microdata API Nếu trình duyệt hỗ trợ HTML5 Microdata API, hàm getItem() đối tượng tài liệu global Nếu trình duyệt khơng hỗ trợ Microdata, hàm getItem() không định nghĩa function supports _microdata_ api()... http://vietjack.com /html5/ index.jsp                                                                                                              Copyright  ©  vietjack.com     HTML5 Microdata chuẩn... cho trình duyệt) Bạn bao gồm Microdata Markup trang web bạn, phương tiện tìm kiếm mà khơng hiểu thuộc tính microdata bỏ qua chúng Nhưng bạn cần truy cập thao tác microdata thông qua DOM, bạn

Ngày đăng: 02/12/2017, 17:28

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

  • Đang cập nhật ...

TÀI LIỆU LIÊN QUAN