เมื่อเร็วๆ นี้ ฉันได้ศึกษาไมโครฟอร์แมตและได้ประโยชน์มากมายจากกระบวนการเรียนรู้ แบ่งปันที่นี่และยินดีต้อนรับสู่การสื่อสาร!
ข้อดีของไมโครฟอร์แมต:
ชื่อคลาส HTML และ CSS เชิงความหมายเพื่อทำเครื่องหมายเนื้อหาทั่วไป
ชุดวิธีการมาตรฐานที่ช่วยให้เครื่องจักรสามารถอ่านและทำความเข้าใจข้อมูลที่มนุษย์เท่านั้นที่สามารถเข้าใจได้
ไมโครฟอร์แมตช่วยให้เนื้อหาบนเว็บไซต์สามารถรวมเข้ากับแอปพลิเคชันอื่นได้อย่างง่ายดาย ซึ่งจะเป็นการเพิ่มการใช้ข้อมูล
กฎพื้นฐานสำหรับไมโครฟอร์แมต hCalendar:
คุณสมบัติและคุณสมบัติย่อยอธิบายโดยคลาส
คุณสมบัติ hCalendar เฉพาะเจาะจงจะขึ้นอยู่กับชื่อคุณสมบัติ iCalendar เช่น:vevent
ชื่อแอตทริบิวต์และแอตทริบิวต์ย่อยจะคำนึงถึงขนาดตัวพิมพ์
คุณลักษณะ "root" ไม่สามารถใช้ร่วมกับคุณลักษณะอื่นได้ ตัวอย่างเช่น <div class=vevent summary"> ไม่ถูกต้อง
| <dl class="vevent"> <dt>กำหนดการส่วนตัวของฉัน:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">ว่ายน้ำ</span></a></dd> <dt>เวลากิจกรรม:</dt> <dd><abbr class="dtstart" title="2009-05-19T18:00:00">05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00: 00″>06-19</abbr>, <abbr class="duration" title="P4W">คงอยู่เป็นเวลา 4 สัปดาห์</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">การพัฒนาส่วนหน้า</span> <span class="locality "> กว่างโจว</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ วว> </ดล> <div class="mytag"> <a href=" http://www.163.com/firefox/ " title="firefox" rel="tag"> ไฟร์ฟ็อกซ์</a> <a href=" http://www.163.com/IE/ " title="IE" rel="tag"> IE</a> <a href=" http://www.163.com/safari/ " title="safari" rel="tag"> ซาฟารี</a> <a href=" http://www.163.com/chrome/ " title="chrome" rel="tag"> โครเมียม</a> <a href=" http://www.163.com/oprea/ " title="oprea" rel="tag"> โอเปีย</a> </div> <div class="copyright"> <a href=" http://www.ued163.com/ " rel="license"> ลิขสิทธิ์: UED163</a></div> |
การสาธิตข้างต้นค่อนข้างพื้นฐานและเข้าใจง่าย ดังนั้นให้ลองใช้ดู
คำอธิบายแอตทริบิวต์เหตุการณ์:
สรุปข้อมูลสรุปของเหตุการณ์
ประเภทหมวดหมู่ของเหตุการณ์
ลิงค์เหตุการณ์ url
dtstart เวลา/วันที่เริ่มต้นของเหตุการณ์ ซึ่งทริกเกอร์เหตุการณ์
ระยะเวลา ระยะเวลาของเหตุการณ์
ระยะเวลา วันที่/เวลา คำจำกัดความของข้อมูล:
P2Y = มีอายุ 2 ปี
P10D = มีอายุ 10 วัน
P3H = ใช้เวลา 3 ชั่วโมง
P2W = อยู่ได้ 2 สัปดาห์
P8DT8H8M = กินเวลา 12 วัน 8 ชั่วโมง 8 นาที
ข้อมูลการติดต่อ vcard:
ค่าแอตทริบิวต์ชื่อตาราง fn
ค่าแอตทริบิวต์เมลของตารางอีเมล
คำอธิบายแอตทริบิวต์ reg
แท็กของฉัน: reg="tag"
คำอธิบายแอตทริบิวต์ rel สิทธิ์การใช้งานลิขสิทธิ์: rel="license"
รหัสข้างต้นก่อให้เกิดผลดังต่อไปนี้:
ตรวจหาปลั๊กอินไมโครฟอร์แมต (ปัจจุบันมีเฉพาะ Firefox และ Safari):
firefox: ตัวดำเนินการส่งออกก้อย
Safari:ไมโครฟอร์แมตซาฟารี
การอ้างอิงไมโครฟอร์แมต:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
ส่วนขยายไมโครฟอร์แมต Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
ข้อความต้นฉบับ: http://www.ued163.com/?p=459