Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ปัญหาระดับชาติ HTML5 ครับ หลายสำนัก หลายวิธี อยากจะบอกว่างงอ่ะครับ

ปัญหาระดับชาติ HTML5 ครับ หลายสำนัก หลายวิธี อยากจะบอกว่างงอ่ะครับ

เริ่มหัวข้อใหม่

Guest

คืออยากจะบอกว่างงจริงๆครับ กับ Structure ว่าแบบไหนถูก

<section>
<article>
....
</article>
</section>

หรือ

<article>
<section>
....
</section>
</article>

Tag : PHP, HTML/CSS, JavaScript, jQuery, iOS, Android

Date : 2012-07-12 12:34:38

By : banktt

View : 1318

Reply : 4

No. 1

Mr.Q

โพสกระทู้ ( 342 )
บทความ ( 2 )

มันขึ้นอยู่กับลักษณะงานของเราที่ออกแบบไว้ครับ

html5

ไม่แน่ใจทำเสร็จก็อัพไปที่ server แล้วตรวจสอบดูครับ

เว็บนี้ http://validator.w3.org/

Date : 2012-07-12 13:05:02

By : weaned

No. 2

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

http://html5doctor.com/element-index/#section
ลองหาอ่านดูครับ

Quote:
The section element represents a generic document or application section…The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead.

<section> อยู่ใน <article>
เลือกใช้ให้ดีนะครับ มันเป็น element สื่อความหมาย ใช้ผิด SE ให้ความสำคัญผิดก็จบเห่นะครับ

Date : 2012-07-12 13:31:57

By : mr.v

No. 3

Pirune

โพสกระทู้ ( 83 )
บทความ ( 0 )

ผ่านไปแล้วครับสองท่าน ตอบไม่เหมือนกันเลย T________T"

Date : 2012-07-12 13:52:11

By : banktt

No. 4

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

ในลิ้งค์ที่ผมให้ไป มันมีอ้างอิงไปยังหน้าหลักที่เป็น standard อยู่ ซึ่งเป็นของ w3 ที่เป็นผู้กำหนดมาตรฐาน
http://dev.w3.org/html5/spec/single-page.html#the-section-element

ถ้าคุณอยากได้ความถูกต้อง เป็นไปตามมาตรฐานก็เปิดอ่านจากลิ้งค์ก็จบแล้วครับ
ที่มีคนมาตอบจะถูกจะผิด หรืออาจเป็นข้อมูลเก่า
เปิดดูจากเว็บมาตรฐานของมันทีเดียวตอบได้หมดอัพเดทได้หมด ไม่ต้องงง

ลองแปลและทำความเข้าใจก่อนว่าเขานิยาม <article> ไว้ว่าอะไร
แล้วลองแปลและทำความเข้าใจว่าเขานิยาม <section> ไว้ว่าอะไร
แล้วจะเข้าใจเลยว่า อะไรมันอยู่ย่อยๆในอะไรได้บ้าง :)

Code

<article>
<h1>Title</h1>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
<section>
<h2>Section title</h2>
<p>Content</p>
</section>
</article>

Code

<header id="page-header">
<h1>Site title</h1>
<form>Search</form>
<nav class="site-nav">
<ul>Site navigation</ul>
</nav>
</header>
<section id="main-content">
<article>
<h1>Article title</h1>
<p>Summary</p>
</article>
<article>
<h1>Article title</h1>
<p>Summary</p>
</article>
<article>
<h1>Article title</h1>
<p>Summary</p>
</article>
</section>
<aside class="sidebar">
<section>
<h2>Blogroll…</h2>
</section>
<section>
<h2>Photos…</h2>
</section>
</aside>
<footer id="page-footer">
<h2>Footer</h2>
</footer>

อ้างอิงจาก http://oli.jp/2009/html5-structure1/
ลองเอาไป validate ถ้าผ่านก็ใช้ได้

แต่เวลาใช้จริงต้องเลือกว่าอันไหนสำคัญ อันไหนเป็นหน่วยย่อยของอันไหน ไม่งั้นผลลัพธ์จาก SE จะเพี้ยน

ประวัติการแก้ไข
2012-07-12 16:12:24

Date : 2012-07-12 16:09:01

By : mr.v

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ปัญหาระดับชาติ HTML5 ครับ หลายสำนัก หลายวิธี อยากจะบอกว่างงอ่ะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก