HTML5 การใช้งาน wbr Tag
แท็ก <wbr> ใน HTML5 ย่อมาจาก “Word Break Opportunity” ซึ่งเป็นเครื่องหมายบอกตำแหน่งที่เหมาะสมให้เบราว์เซอร์ตัดคำหรือขึ้นบรรทัดใหม่ หากคำหรือข้อความยาวเกินพื้นที่ที่มีอยู่ในบรรทัดเดียว…
สอน HTML ตั้งแต่พื้นฐานโครงสร้างเอกสาร การใช้แท็กต่าง ๆ ไปจนถึงเทคนิคการสร้างเว็บไซต์ที่มีโครงสร้างถูกต้อง รองรับการออกแบบ Responsive และเหมาะกับการทำ SEO
แท็ก <wbr> ใน HTML5 ย่อมาจาก “Word Break Opportunity” ซึ่งเป็นเครื่องหมายบอกตำแหน่งที่เหมาะสมให้เบราว์เซอร์ตัดคำหรือขึ้นบรรทัดใหม่ หากคำหรือข้อความยาวเกินพื้นที่ที่มีอยู่ในบรรทัดเดียว…
การใช้แท็ก <video> ใน HTML5 เป็นวิธีที่ง่ายและสะดวกในการแทรกวิดีโอลงในหน้าเว็บ โดยไม่ต้องพึ่งพา plugin เสริม เช่น Flash…
ใน HTML5 แท็ก <var> ใช้เพื่อกำหนดตัวแปรในโปรแกรมหรือสมการทางคณิตศาสตร์ เป็นการบอกให้เบราว์เซอร์รู้ว่าข้อความภายในแท็กนี้เป็นตัวแปร ซึ่งจะทำให้ข้อความถูกแสดงด้วยฟอนต์เอนตามค่าเริ่มต้น (italic) เพื่อให้แตกต่างจากข้อความธรรมดา รูปแบบการใช้งานแท็ก…
แท็ก <ul> (Unordered List) ใน HTML5 ใช้สำหรับการสร้างรายการแบบไม่เรียงลำดับ ซึ่งรายการจะถูกแสดงเป็นสัญลักษณ์หรือ bullet point…
น HTML5 แท็ก <u> ถูกนำมาใช้เพื่อ ขีดเส้นใต้ (underline) ข้อความ ซึ่งใน HTML…
ใน HTML5, แท็ก <track> ถูกใช้เพื่อเพิ่มคำบรรยายหรือข้อมูล metadata ให้กับวิดีโอหรือเสียงในรูปแบบต่าง ๆ เช่น คำบรรยาย…
แท็ก <tr> ใน HTML5 ใช้สำหรับกำหนดแถว (row) ในตาราง <table> แท็กนี้จะทำงานร่วมกับแท็ก <th>…
ใน HTML5, แท็ก <title> ใช้ในการกำหนดชื่อของหน้าเว็บ ซึ่งจะแสดงในแถบชื่อของเบราว์เซอร์ และในแท็บต่าง ๆ ที่ผู้ใช้เปิด นอกจากนี้ยังมีความสำคัญในการปรับแต่ง…
ใน HTML5 มีแท็ก <time> ซึ่งใช้สำหรับการกำหนดเวลา วันที่ หรือช่วงเวลาต่าง ๆ โดยข้อมูลที่อยู่ใน <time>…
แท็ก <thead> ใน HTML5 ใช้เพื่อจัดกลุ่มแถวหัวตาราง (table header rows) ในตาราง <table>…
แท็ก <th> ใน HTML5 ใช้สำหรับระบุส่วนหัวของตาราง (Table Header) ซึ่งมักจะอยู่ในแท็ก <thead> ของตารางหรือใช้ร่วมกับแท็ก…
<tfoot> ใน HTML5 คือแท็กที่ใช้สำหรับการกำหนดส่วนท้ายของตาราง (table footer) โดยแท็กนี้จะใช้ควบคู่กับแท็ก <table>, <thead>, และ…
น HTML5, <textarea> เป็นแท็กที่ใช้สร้างฟิลด์ที่ผู้ใช้งานสามารถพิมพ์ข้อความได้หลายบรรทัด เช่น ในแบบฟอร์มสำหรับกรอกข้อมูล ประโยชน์ของ <textarea> คือการรับข้อมูลที่เป็นข้อความยาว ซึ่งต่างจาก…
ใน HTML5 มีหนึ่งฟีเจอร์ที่มีชื่อว่า <template> ซึ่งเป็น tag ที่ใช้สำหรับการกำหนดโครงสร้างของ HTML ที่ยังไม่ต้องการให้แสดงผลทันทีในหน้าเว็บ เพียงแต่ต้องการเก็บไว้รอให้ใช้งานภายหลัง…
ใน HTML5 แท็ก <td> ใช้ในการสร้าง “เซลล์ข้อมูล” (data cell) ภายในตาราง (table)…
<tbody> เป็นหนึ่งในแท็กที่ใช้ใน HTML5 เพื่อกำหนดกลุ่มของแถว (rows) ในตาราง <table> ใช้เพื่อจัดกลุ่มเนื้อหาที่เป็นแถวของข้อมูลในตาราง โดยปกติจะใช้ควบคู่กับ <thead>…
แท็ก <table> ใน HTML5 ใช้ในการสร้างตารางข้อมูลในหน้าเว็บ โดยมีองค์ประกอบหลักต่างๆ ที่ใช้ร่วมกันเพื่อจัดระเบียบข้อมูลในรูปแบบแถวและคอลัมน์ ตารางใน HTML ประกอบด้วยองค์ประกอบพื้นฐานต่อไปนี้…
<svg> (Scalable Vector Graphics) เป็นแท็กที่ใช้สำหรับการแสดงผลกราฟิกแบบเวกเตอร์ใน HTML5 กราฟิกแบบเวกเตอร์จะมีความยืดหยุ่น เพราะสามารถขยายหรือย่อขนาดได้โดยไม่สูญเสียความคมชัด เหมาะสำหรับการใช้กับโลโก้, ไอคอน,…
ใน HTML5 แท็ก <sup> (superscript) ใช้สำหรับแสดงข้อความในรูปแบบตัวยก หรือข้อความที่เล็กกว่าปกติและถูกยกขึ้นไปด้านบนของข้อความปกติ การใช้งาน <sup> มักพบในการเขียนสัญลักษณ์ทางคณิตศาสตร์,…
ใน HTML5 แท็ก <summary> ที่ทำงานคู่กับแท็ก <details> โดยแท็ก <summary> จะใช้สำหรับสร้างส่วนหัวของข้อมูลที่สามารถย่อ/ขยายได้ เมื่อผู้ใช้คลิกที่…
ใน HTML5 แท็ก <sub> ใช้สำหรับแสดงข้อความที่อยู่ในรูปแบบ “ตัวห้อย” (subscript) ซึ่งเป็นข้อความที่แสดงด้านล่างของข้อความหลัก นิยมใช้ในการแสดงสัญลักษณ์ทางคณิตศาสตร์ เคมี…
ใน HTML5 แท็ก <style> ถูกใช้สำหรับการเพิ่ม CSS ภายในไฟล์ HTML เอง (Internal…
ใน HTML5, แท็ก <strong> ใช้เพื่อเน้นความสำคัญของข้อความ ซึ่งมักจะแสดงเป็นตัวหนาโดยเบราว์เซอร์ส่วนใหญ่ แต่จุดประสงค์หลักของแท็ก <strong> ไม่ใช่แค่การทำตัวหนา แต่เพื่อเน้นว่าข้อความมีความสำคัญมากกว่าเนื้อหาอื่นๆ…
<span> ใน HTML5 เป็นหนึ่งใน inline element ที่ใช้เพื่อการจัดกลุ่มเนื้อหาภายในเอกสาร HTML โดยไม่ได้มีลักษณะการแสดงผลที่เจาะจงแบบเดียวกันกับ <div>…