คำถามติดแท็ก html5

HTML5 เป็นการแก้ไขครั้งที่ห้าและปัจจุบันเป็น HTML เวอร์ชันล่าสุด (HyperText Markup Language) การแก้ไข HTML ครั้งที่ห้านำเสนอคุณสมบัติทางไวยากรณ์ใหม่ ๆ มากมายเช่นวิดีโอ, เสียง, แคนวาส, ส่วนและบทความเพื่อตั้งชื่อให้ไม่กี่แห่งซึ่งเนื้อหาของเว็บไซต์อาจมีโครงสร้างเชิงความหมายที่ดีกว่า

1
datetime-local ถูกลบออกจาก HTML 5.1 หรือไม่
HTML5 ดูเหมือนจะแนะนำประเภทอินพุตทั้งสองนี้: datetime (พร้อมเขตเวลา) datetime-local (ไม่มีเขตเวลา) แม้ว่าทั้งคู่จะปรากฏบนวิกิ W3C คำแนะนำฉบับร่าง HTML 5.1 ทุกคืนจะกล่าวถึงประเภทวันที่และdatetime-localเวลาเท่านั้น มีการลบประเภทนี้ (หรือเปลี่ยนชื่อ) จากคำแนะนำหรือไม่หรือเราสามารถคาดหวังการสนับสนุนในอนาคตได้หรือไม่
12 html5 

3
Modernizr และ Html5Shiv แตกต่างกันอย่างไร?
ฉันเล่นกับแนวคิดของการสลับไปใช้ html5 ดูเหมือนว่ามี 2 สคริปต์หลักสำหรับจัดการกับการสนับสนุน html5 บนเบราว์เซอร์รุ่นเก่า Modernizr และ Html5Shiv ฉันสงสัยว่าพวกเขาทำสิ่งเดียวกันหรือไม่ เลือกแบบไหนและทำไม ความคิดใด ๆ
12 html5 

2
ใช้ซ้ำมาร์กอัป Schema.org / Rich Snippets เช่นข้อมูล LocalBusiness
ฉันไม่สามารถหาถ้อยคำอย่างเป็นทางการได้และฉันหวังว่า Rich Snippets / Schema Guru บางคนสามารถให้ข้อมูลเชิงลึกเกี่ยวกับการใช้เนื้อหาซ้ำ ๆ อย่างเหมาะสมเมื่อพูดถึงการใช้มาร์กอัป ฉันกำลังสร้างเว็บไซต์ที่ต้องการใช้ Schema.org เป็นประเภทมาร์กอัปและเจ้าของต้องการให้มีการใช้งานมากที่สุด ชื่อธุรกิจโทรศัพท์และที่อยู่จะปรากฏในทุก ๆ หน้าตอนนี้ใช้ได้หรือแม้กระทั่งมีประโยชน์ในการใช้ Rich Snippets ในทุก ๆ หน้าที่มีการแสดงข้อมูลนี้ ตัวอย่างเช่นข้อมูลนี้ปรากฏในส่วนหัวและส่วนท้ายของทุกหน้าของไซต์และให้ตัวอย่างของมาร์กอัปปัจจุบันของฉันด้วยดูด้านล่าง: <body itemscope itemtype="http://schema.org/LocalBusiness"> <header> <a itemprop="url" href="http://www.domain.co.uk/"> <img itemprop="logo" src="image.png" alt="Company Name Logo" /> </a> <span itemprop="telephone">01202 000 000</span> </header> <div> This is where the content will go</div> <footer> …

3
ค่าภาษา + ภูมิภาคของแอตทริบิวต์ HTML5 lang
ฉันกำลังทำงานบนเว็บไซต์ที่จะนำเสนอเนื้อหาที่มีการแปลตามlanguage+regionแนวทางที่อธิบายไว้ในหน้า W3.org นี้ (เช่นfr-CAสำหรับเนื้อหาภาษาฝรั่งเศสแบบแคนาดาและเนื้อหาfr-FR"ภาษาฝรั่งเศสภาษาฝรั่งเศส") เนื่องจากเราพิจารณาว่าเนื้อหาแต่ละlanguage+regionรายการมีความแตกต่างกันเป็นสิ่งสำคัญสำหรับเราที่เครื่องมือค้นหาจะระบุและแสดงเนื้อหาอย่างเหมาะสม เมื่อค้นหาบนอินเทอร์เน็ต (เช่นคำถามนี้ ) ปรากฏว่าคนส่วนใหญ่แนะนำให้ใช้รหัสภาษา ISO639ในlangแอตทริบิวต์HTML เพื่ออธิบายภาษาเนื้อหา ทำตามคำแนะนำนี้เราจะใช้<html lang="fr">ซึ่งจะไม่ทำให้เกิดความแตกต่างระหว่างlanguage+regionชุดค่าผสมข้างต้น เมื่อตรวจสอบข้อกำหนดของ HTML4ดูเหมือนว่าการใช้language+regionเป็นรหัสภาษาจะสมบูรณ์แบบได้อย่างสมบูรณ์เนื่องจากen-USตัวอย่างจะให้เป็นหนึ่งค่าที่เป็นไปได้ อย่างไรก็ตามฉันไม่พบการยืนยันใด ๆ ในข้อกำหนด HTML5ซึ่งดูเหมือนจะไม่ให้ตัวอย่างใด ๆ เกี่ยวกับค่าที่ใช้ได้ จากนั้นฉันก็พยายามหาคำตอบโดยดูจากสิ่งที่ยักษ์เว็บทำอยู่ ฉันดูว่า Facebook กำลังทำอะไร: พวกเขาเสนอเว็บไซต์ในเวอร์ชัน Candian French และ French French ด้วยเนื้อหาที่แตกต่างกันเล็กน้อย (เล็กน้อย) ในขณะที่langค่าHTML ยังคงเหมือนเดิม: URL fr-CA : http://fr-ca.facebook.com แอตทริบิวต์ lang HTML: การ<html lang="fr"> แปลคำว่า 'email':courriel URL fr-FR : http://fr-fr.facebook.com/ …

3
http-equiv = ทางเลือกเนื้อหาภาษา - วิธีการระบุภาษาของเอกสาร
เว็บไซต์จำนวนมากใช้เมตาแท็กต่อไปนี้เพื่อระบุภาษาเริ่มต้นของเอกสาร: <meta http-equiv="content-language" content="es-ES"> เมื่อฉันไปที่เว็บไซต์ W3C และอ่านเกี่ยวกับการทำเครื่องหมายภาษา HTMLฉันได้รับสิ่งนี้: การใช้องค์ประกอบเมตาเพื่อระบุภาษาเริ่มต้นของเอกสารจะล้าสมัย พิจารณาระบุภาษาบนองค์ประกอบรูทแทน วิธีการระบุภาษาเอกสารตอนนี้คืออะไร?

8
ถึงเวลาที่จะลืม Flash และใช้ HTML5 หรือไม่
เมื่อฉันอ่านในคำจำกัดความของ HTML5 มันสามารถทำทุกอย่างที่แฟลชทำได้! และฉันถามตัวเองว่าถูกต้องหรือไม่ที่จะเสียเวลาในการเรียนรู้แฟลชหรือควรเรียนรู้ HTML5 แทน HTML5 Beat Flash ในอนาคตหรือไม่ PS: มีสิ่งใดบ้างที่คุณสามารถทำได้ใน Flash และยังคงเป็นไปไม่ได้ใน HTML5

4
เชื่อมโยง Microdata <div> หลาย ๆ ตัวเข้าด้วยกันไหม?
ฉันกำลังเพิ่มเครื่องหมายความหมายของ schema.org และต้องการเชื่อมโยงหลายรายการซึ่งอยู่ในส่วนต่าง ๆ ของหน้าเว็บเข้าด้วยกัน สิ่งนี้ใช้ได้เมื่อฉันระบุว่าเป็นผู้ปกครอง / ลูก: &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;11 km&lt;/span&gt; &lt;div itemprop="event" itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;first event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2001-01-01&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; อย่างไรก็ตามฉันไม่ทราบวิธีเชื่อมโยงเมื่อคั่นด้วยภูเขา HTML: &lt;div itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;some event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2002-02-02&lt;/span&gt; &lt;/div&gt; &lt;!-- .... zillion other HTML stuff ... --&gt; &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;22 km&lt;/span&gt; …
11 html5  microdata 

2
<h1> - ผลกระทบเชิงความหมายกับผลกระทบ SEO
มีการถกเถียงกันมากมายเกี่ยวกับสถาปัตยกรรมของโครงสร้างหัวเรื่องใน html5 หลังจากอ่านบทความต่าง ๆ ฉันมาถึงสามสถาปัตยกรรมที่เป็นไปได้ที่สมเหตุสมผลสำหรับฉัน แต่ฉันไม่แน่ใจซึ่งเป็นวิธีการที่เหมาะสมจริงของวิธีการ ฉันจะแสดงรายการด้านล่างพร้อมตัวอย่างโค้ดและหวังว่าจะมีใครบางคนให้ความกระจ่างบางอย่างเกี่ยวกับความสมดุลที่เหมาะสมหรือแย่ลง / ดีขึ้นกว่านี้ได้พูดว่า วิธีที่ 1: รุ่น A โสด&lt;h1&gt;: ใช้ส่วนหัวสำหรับเนื้อหาเฉพาะหน้าเท่านั้น นี่จะ&lt;h1&gt;เป็นการนำทางระดับบนสุดสำหรับส่วนหัวของหน้าเฉพาะขณะที่ไหล&lt;h2-6&gt;ตามที่ต้องการภายในพื้นที่เนื้อหา ในขณะที่ออก&lt;header&gt;, &lt;nav&gt;และ&lt;footer&gt;เป็นองค์ประกอบ "ไม่มีชื่อ" &lt;header&gt; &lt;nav&gt; &lt;!-- no headings --&gt; &lt;div role="main"&gt; &lt;h1&gt; &lt;section&gt; &lt;h2&gt; &lt;section&gt; &lt;h3&gt; &lt;footer&gt; &lt;!-- no headings --&gt; วิธีที่ 1: รุ่น 2 หลาย&lt;h1&gt;รายการ: ใช้หัวเรื่องสำหรับเนื้อหาเฉพาะหน้าเท่านั้น เหมือนกับ1Aที่เพิ่มหัวข้อเนื้อหาของหน้าหลายหัวข้อที่สำคัญเท่าเทียมกัน (เช่นเป็นไปได้สำหรับบล็อกหรือหน้าหัวข้อแยก) &lt;header&gt; &lt;nav&gt; &lt;!-- no headings …
10 seo  html5  heading  h1 

3
การใช้แท็ก h2 หลายรายการมีความปลอดภัยหรือไม่
ฉันใช้ html5 ฉันมีรายการผลิตภัณฑ์ในร้านค้าของฉัน (132 ผลิตภัณฑ์) และพวกเขากำลังแสดงโดยใช้การแบ่งหน้าด้วยผลลัพธ์ 10 รายการในแต่ละหน้า ชื่อผลิตภัณฑ์ทั้งหมดของฉันมีคำหลักมากมายและฉันต้องการได้รับปริมาณการใช้หางที่ยาวนาน แต่ฉันจะกำหนดความสำคัญให้พวกเขาได้อย่างไร (โดยใช้แท็กส่วนหัว) โดยไม่ถูกลงโทษ ตัวอย่างเช่นถ้าฉันใช้&lt;h2&gt;สำหรับชื่อผลิตภัณฑ์ของฉัน (ไม่ใช่ลิงก์เพียงข้อความธรรมดา) บอตจะเห็น&lt;h2&gt;แท็ก132 และฉันคิดว่านี่อาจเป็นปัญหา ความคิดใด ๆ
10 seo  html5 

4
ความหมาย HTML5 - H1 หรือ H2 สำหรับชื่อบทความในส่วน
มันเป็นความเข้าใจของฉัน (จากตอนนี้ของ Dive เป็น HTML5: http://goo.gl/9zliD ) ว่ามันมีความเหมาะสมทาง semantically ในการใช้แท็ก H1 ในหลาย ๆ พื้นที่ของหน้าซึ่งเป็นวิธีการตั้งชื่อที่สำคัญที่สุด สำหรับเนื้อหานั้น ๆ หากฉันใช้วิธีการนี้และฉันมีมาตราที่ฉันได้กำหนด H1 ของ 'บทความ' ฉันควรใช้ H1 หรือ H2 เพื่อกำหนดชื่อบทความในส่วนนั้นหรือไม่ นี่เป็นความสับสนเล็กน้อยสำหรับฉันเนื่องจากชื่อบทความเป็นหัวข้อที่สำคัญที่สุดสำหรับบทความของพวกเขา แต่ยังเป็น 'เด็ก ๆ ' ของชื่อส่วน รหัสตัวอย่าง: &lt;section class="article-list"&gt; &lt;header&gt; &lt;h1&gt;Articles&lt;/h1&gt; &lt;/header&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="201-02-01"&gt;Today&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article …

3
อัปโหลดไฟล์ภาพ: สามารถบีบอัดที่ฝั่งไคลเอ็นต์ได้หรือไม่
เมื่อเสนอการอัปโหลดไฟล์ภาพถ่ายโดยปกติผู้ใช้จะมีไฟล์ JPEG ที่บีบอัดและมีขนาดใหญ่มาก (10+ ล้านพิกเซล) จากกล้องหรือโทรศัพท์ ทางฝั่งเซิร์ฟเวอร์ไฟล์เหล่านี้จะถูกบีบอัดใหม่เป็นอย่างเช่น 800x600px และ JPEG คุณภาพ 7 หรือ 8 เป็นไปได้หรือไม่ที่จะทำการบีบอัดข้อมูลนั้นในฝั่งไคลเอ็นต์? ดังนั้นฉันจะต้องส่งเพียง 100kB (800x600px) และไม่ 3 MB หรือมากกว่า สิ่งที่ต้องการ: (1) ด้วย FileSystem API ใหม่ของ javascript ( http://slides.html5rocks.com/#filewriter ) มันเป็นไปได้ที่จะอ่านข้อมูลของไฟล์ภาพถ่ายลงใน JS ฝั่งไคลเอ็นต์ (2) จากนั้นจำเป็นต้องเข้ารหัสข้อมูล JPEG อีกครั้งซึ่งเป็นไปได้ แต่ฉันไม่พบไลบรารีใด ๆ สำหรับที่ (แต่) ใครรู้จักห้องสมุดเช่นนี้? (3) ขั้นตอนสุดท้ายคือการ POST ข้อมูล JPEG ที่ถูกบีบอัดใหม่ไปยังฝั่งเซิร์ฟเวอร์สำหรับการจัดเก็บและรับ …

1
แท็ก OpenGraph และความถูกต้องของ HTML5
ฉันมีหน้า HTML5 ตามและฉัน inculded แท็ก OpenGraph ตามมันเอกสาร นอกจากนี้ฉันตรวจสอบด้วยFacebook Debugและมันสามารถแยกเมตาดาต้า แต่เมื่อฉันใช้ W3C Validator มันรายงานแท็ก OG ว่าเป็นข้อผิดพลาด: Attribute content not allowed on element meta at this point. &lt;meta property="fb:admins" content="...." /&gt; Attribute content not allowed on element meta at this point. &lt;meta property="og:url" content="http://www...."&gt; &lt;head&gt;พวกเขาทั้งหมดใน ฉันต้องการหน้าของฉันเป็น "ถูกต้อง" แท็ก HTML5 และ OG เช่นกัน …

2
โครงสร้างหน้าบล็อกที่ถูกต้องใช้ความหมายมากที่สุดโดยใช้แท็ก HTML5 คืออะไร?
ฉันต้องการที่จะgrokธรรมชาติที่ดีที่สุดของ&lt;aside&gt;, ,&lt;section&gt;&lt;article&gt; อะไรคือโครงสร้างที่ดีที่สุดและถูกต้องที่สุดของหน้าบล็อกโดยใช้แท็ก HTML5 ฉันควรวางแถบข้างไว้ข้างใน&lt;aside&gt;หรือไม่? หรือสิ่งนี้ค่อนข้างเป็นของ&lt;section&gt;(เช่น&lt;aside&gt;ควรใช้สำหรับโฆษณาคำพูดสั้น ๆ และสิ่งเหล่านี้) ฉันจะนำเสนอคุณสมบัติหลักโพสต์บล็อกได้อย่างไร ฉันจะใช้&lt;article&gt;อย่างถูกต้องได้อย่างไร ฉันจะทำเครื่องหมายแท็กบทความได้อย่างไร
9 blog  html5  markup 

8
ใครสามารถแนะนำหนังสือ HTML 5 ที่ดีได้บ้าง
ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ เกี่ยวกับผืนผ้าใบโดยเฉพาะ ฉันมองไปรอบ ๆ เพื่อดูสิ่งดีๆ
9 html5  html  books 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.