แสดงบทความที่มีป้ายกำกับ doctype แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ doctype แสดงบทความทั้งหมด

วันอาทิตย์ที่ 18 พฤษภาคม พ.ศ. 2557

Html5 Semantic Tag FOOTER วิธีการใช้งาน

<footer>

เอาไว้ใช้ในส่วนท้ายของหน้าเพจนั้นๆ ที่นิยมส่วนใหญ่เช่นพวก copy right หรือเขียนเว็บโดยใคร หรือชื่อเว็บไซต์ส่วนท้าย หรือเป็นข้อมูลของผู้เขียน ผู้ติดต่อ หรือลิขสิทธิ์

  แต่ก็เช่นเดียวกับ aside ที่ว่าไม่จำเป็นจะต้องมีเพียงที่เดียวในหน้าเพจ อาจไปอยู่ใน article section หรือ aside ก็ได้ตัวอย่างเช่น

 <footer>
  <p>&copy; copyright by boyeng3k :: www.asbdfe.com</p>
</footer>

 หรืออีกตัวอย่างนืง เช่น อยู่ภายใต้ section

 <section>
 <h1>Saw 7 เกมตัดต่อตาย 7</h1>
 <p>ความโหดและอำมหิตของ Jigsaw จะมากกว่าเดิม เมื่อกลุ่มของผู้ที่รอดชีวิตจากเงื้อมมือของ Jigsaw ฆาตกรโหด ได้ไปขอให้ผู้ที่เชี่ยวชาญด้านจิตวิทยาช่วยเหลือ เพื่อให้พวกเขากลับมามีชีวิตปกติเหมือนเดิม แต่ Bobby Dagen ( Sean Patrick Flanery ) หนึ่งในผู้รอดชีวิตก็มีแผนที่จะขยายคลื่นความน่ากลัวลูกใหม่</p>
  <footer>
   <p>กำกับโดย : เจมส์ แวน</p>
  </footer>
</section>

 สรุปหน้าที่ของ footer นะครับ
- แสดงข้อมูลผู้จัดทำ หรือผู้เป็นเจ้าของส่วนท้ายของเพจนั้นๆ
- แสดงข้อมูลของผู้เขียน ผู้สร้าง หรือลิขสิทธิ์ ของบทความนั้นๆ เช่น article section







-
ป้ายกำกับ: , ,

วันอังคารที่ 29 เมษายน พ.ศ. 2557

เริ่มต้นกับ Html5

มีอะไรใหม่ใน HTML5
หลายเว็บอาจจะใช้ <div class="foot"> <div class="head"> แต่ก็อาจไม่ได้ fix ไปตายตัวเลยว่า head นี้จะอยู่ส่วนไหน เพราะทั้ง foot และ head เราเป็นคนกำหนดขึ้นมาเอง และจะต่อยอดเป็นข้อมูลแบบมีโครงสร้างที่จำเป็นในการทำ Seo Onpage ในอนาคตได้ครับ ทำให้บอทเข้าใจหมวดหมู่และเรื่องราวในเว็บเรามากขึ้น

 HTML5 ได้มีแท็กใหม่ขึ้นมาเพื่อกำหนดหน้าที่ของแต่ละแท็กอย่างชัดเจนขึ้นเช่น
          
  • <header>
  • <nav>
  • <section>
  • <article>
  • <aside>
  • <figure>
  • <figcaption>
  • <Footer>
  • <details>
  • <summary>
  • <mark>
  • <time>

สำหรับ HTML5 1 เพจต้องมีอย่างน้อยดังโค๊ดด้านล่างนี้

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
 เนื้อหา - ข้อมูลเว็บ
</body>
</html>


อธิบายแท็ก HTML5 พื้นฐาน

 <section>

 เป็นการจัดกลุ่มของเนื้อหา ยกตัวอย่างในกรณีที่หน้าเว็บมีเนื้อหามากกว่า 1 อย่างขึ้นไป
ส่วนใหญ่จะอยู่ภายใต้แท็ก <article> ตัวอย่างเช่นใน 1 หน้าเพจมี

<section>
  <h1>ตลาด</h1>
  <p>ป็นการชุมนุมกันทางสังคม แลกเปลี่ยนสินค้ากัน ในภาษาทั่วไป ตลาดหมายความรวมถึงสถานที่ที่มนุษย์มาชุมนุมกันเพื่อค้าขาย ในทางเศรษฐศาสตร์ ตลาดหมายถึงการแลกเปลี่ยนซื้อขาย </p>
</section>

 <section>
  <h1>ตลาดรถ</h1>
  <p>รถบ้าน หมายถึงรถมือสองที่ไม่ได้ขายผ่านเต้นท์รถ ตลาดรถ หรือศูนย์จำหน่ายรถมือสอง แต่เป็นรถที่เจ้าของรถคันนั้นเช่น คนรู้จัก เพื่อร่วมงาน ญาติพี่น้องที่คุณเห็นเขาขับรถคันนั้นเกือบทุกวัน หรือเห็นบ่อยๆและคุณก็รู้ว่าเขาดูแลรถดีหรือไม่ดีอย่างไร ได้ขายให้คุณด้วยตัวเอง</p>
</section>

จุดสังเกตสำหรับ section นี้คือ ไม่จำเป็นต้องมีเนื้อหาต่างกันเสมอไป แต่อาจจะเอาไว้แยกกลุ่ม ตามที่เจ้าของเว็บต้องการก็ได้ครับ สามารถมี header หรือ article หรืออื่นๆ ภายใต้ tag นี้ได้ด้วยครับ







-
ป้ายกำกับ: , ,
สมัครสมาชิก: บทความ (Atom)