ตัวอย่างการใช้งาน แท็ก HTML5 อย่างถูกวิธี

-
ตัวอย่างการใช้งาน แท็ก HTML5 อย่างถูกวิธี

HTML5 Elements

มารู้จักกับ Elements ต่างๆ เพื่อนำมาใช้ในการทำเว็บไซต์ให้ง่ายขึ้น Elements ที่พบเห็นการใช้งานบ่อย คือ <header> <nav> <main> <footer> เราจะมาทำความรู้จักและวีธีใช้งาน ขอเริ่มที่ตัวแรกกันเลย

<header> 

คือ จุดเริ่มต้นของหน้าเว็บ เราสามารถเริ่มต้นด้วยอะไรก็ได้ เช่นต้องการให้แสดงหัวข้อหลักของเว็บไซต์ หรือจะเป็นชื่อ เว็บไซต์ ตัวอย่างเช่น

<header>
<h1>HTML5 Elements</h1>
<p>Elements ที่น่าสนใจ</p>
</header>

การเริ่มต้นด้วย <header> ที่น่าสนใจจะทำให้คนเข้ามาที่เว็บไซต์ของเรามากขึ้นด้วย

<nav>

คือ ส่วนของการเชื่อมโยงการนำทางไปยังส่วนต่างๆภายในเว็บไซต์หรือไปยังภายนอกเว็บไซต์ เรียกง่ายๆคือส่วนที่ไว้เมนูต่างๆ ตัวอย่างเช่น

<nav>
<a href="http://www.w3schools.com">มาตรฐานในการเขียนภาษาต่างๆ ในการทำเว็บไซต์</a> |
<a href="http://www.wynnsoft-solution.com">รับทำเว็บไซต์ และ SEO</a> |
<a href="/css/">css</a> |
<a href="/jquery/">jQuery</a>
</nav>

การจัดกลุ่มเมนูหรือการนำทางไปส่วนต่างๆ จะทำให้ผู้เข้ามาชมเว็บไซต์สะดวกต่างการใช้งาน

ตัวอย่างการใช้งาน แท็ก HTML5 อย่างถูกวิธี

<main> 

คือ ส่วนที่ใช้แสดงเนื้อต่างๆภายในเว็บไซต์ ตัวอย่างเช่น

<main>
<h1>Web Browsers</h1>
<p>Google Chrome, Firefox, and Internet Explorer are the most used browsers today.</p>

<article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web browser developed by Google,
released in 2008.</p>
</article>

<article>
<h1>Internet Explorer</h1>
<p>Internet Explorer is a free web browser from Microsoft, released in 1995.</p>
</article>

<article>
<h1>Mozilla Firefox</h1>
<p>Firefox is a free, open-source web browser from Mozilla, released in 2004.</p>
</article>
</main>

ตัวอย่างการใช้งาน แท็ก HTML5 อย่างถูกวิธี

<footer> 

คือ ส่วนสุดท้ายของเว็บไซต์ ตัวอย่างเช่น

<footer>
<p>รับออกแบบจัดทำเว็บไซต์ และ SEO</p>
<p>ข้อมูลติดต่อ: <a href="http://www.wynnsoft-solution.com">
www.wynnsoft-solution.com</a>.</p>
</footer>

ซึ่งจะนิยมแสดงข้อมูลในการใช้ติดต่อ

HTML5 ยังมี Elements ต่างๆ ให้นำมาใช้งานการเลือกใช้งาน Elements ต่างๆขึ้นอยู่กับวัตถุประสงค์ที่ต้องการใช้งาน ทั้งนี้การใช้งานแต่เพียง Elements นั้นยังไม่เพียงพอในการทำเว็บไซต์ให้สวยงามยังต้องใช้ css หรือ jquery เข้ามาช่วยให้การทำเว็บไซต์


ที่มา: WYNNSOFT SOLUTION CO,LTD. รับทำเว็บ รับออกแบบ Web Site จัดทำเว็บไซต์ราคาถูก รับทำเว็บไซต์ จังหวัดขอนแก่น และทั่วประเทศให้ตรงตามความต้องการของลูกค้า

ความคิดเห็น

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

โพสต์ยอดนิยมจากบล็อกนี้

วิเคราะห์การตลาด DELIVERY และการพัฒนาการในปัจจุบัน

-
รูปภาพ
ธุรกิจ Food delivery เริ่มจากแพลตฟอร์มที่ทำหน้าที่เป็นเพียง marketplace โดยอาศัยบริการจัดส่งจากบุคคลที่ 3 มาสู่การเพิ่มบริการจัดส่งของตนเอง ธุรกิจ Food delivery ในยุค 2.0 จากการเพิ่มบริการจัดส่งอาหารภายใต้เครือข่ายขนส่งของแพลตฟอร์มเอง และกลายเป็นจุดเปลี่ยนที่สำคัญที่ทำให้ธุรกิจ Food delivery ได้รับความนิยมเพิ่มขึ้น เนื่องจากแพลตฟอร์มสามารถขยายฐานพาร์ทเนอร์ร้านอาหารไปสู่กลุ่มร้านอาหารที่ไม่สามารถให้บริการจัดส่งได้ ซึ่งส่งผลให้ร้านอาหารในแพลตฟอร์มมีทั้งจำนวนและความหลากหลายมากยิ่งขึ้น สามารถดึงดูดให้มีจำนวนผู้เข้าใช้บริการมากขึ้นตามมานั่นเองค่ะ      จนกระทั่งปัจจุบันเข้าสู่ ธุรกิจ Food delivery ในยุค 3.0 แพลตฟอร์มได้ต่อยอดธุรกิจด้วยการเพิ่มการให้บริการในด้านต่าง ๆ มากยิ่งขึ้น ทั้งในห่วงโซ่อุปทานอาหาร (Food supply chain) เช่น การจัดตั้งร้านอาหารที่ให้บริการเฉพาะซื้อกลับบ้านในรูปแบบครัวร่วม (cloud kitchen) การทำแบรนด์ร้านอาหารของตนเอง การให้บริการจัดส่งวัตถุดิบ เป็นต้น และการให้บริการด้านอื่น ๆ เช่น การสั่งซื้อสินค้าจากร้านสะดวกซื้อหรือซูเปอร์มาร์เก็ต การขนส่งสินค้า การเงิน กา...
อ่านเพิ่มเติม

วิกฤตครั้งใหญ่ในรอบปี ราคาอาหารพุ่ง 30%

-
รูปภาพ
ตั้งแต่เริ่มมีการระบาดของ COVID-19 ราคาอาหารโลกปรับตัวสูงขึ้นอย่างต่อเนื่อง หากใครสังเกตเวลาไปซื้อของที่ตลาดหรือซูเปอร์มาร์เก็ต ไม่ว่าจะผัก ผลไม้ หรือสินค้าอุปโภคบริโภคอื่น จะรู้เลยว่าราคาสินค้าบางอย่างแพงขึ้น และมีข้อมูลยืนยันจาก องค์การอาหารและการเกษตรแห่งสหประชาชาติ (FAO) ที่ระบุว่า ราคาอาหารทั่วโลกเพิ่มสูงขึ้นสู่ระดับสูงสุดในรอบกว่าทศวรรษ  โดยดัชนีราคาอาหารของ FAO ที่ติดตามมาตลอดทั้งปี (ถึงเดือนก.ค. 2021) ราคาอาหารเฉลี่ยเพิ่มขึ้น 30% เทียบกับเดือน ก.ค.ของปี 2020 ส่วนราคาอาหารเพิ่มขึ้นติดกัน 3 เดือนตั้งแต่เดือน ก.ย.ที่ผ่านมา เฉลี่ยประมาณ 3% ทั้งนี้ ในแต่ละประเทศจะเห็นว่าสินค้าหลักๆ มีราคาแพงขึ้น อย่างในสหรัฐอเมริกาที่ราคาข้าวสาลี และพืชผลทางการค้าอื่นๆ พุ่งขึ้น 5% ในเดือน ต.ค. ขณะที่ FAO ระบุว่า ราคาข้าวบาร์เลย์, ข้าวโพดเลี้ยงสัตว์, น้ำมันปาล์ม ถั่วเหลือง และน้ำมันดอกทานตะวันก็เพิ่มราคาสูงขึ้นเช่นกัน หรืออย่างในไทยราคาผักหลายๆ ชนิดมีราคาแพงขึ้น เช่น ผักชี, หอมแดง ฯลฯ เช่นเดียวกับหลายๆ ประเทศในเอเชียตะวันออกเฉียงใต้ ที่ผลิตภัณฑ์ทางการเกษตรคล้ายๆ กับไทยก็มีราคาแพงขึ้นเหมือนกัน ทาง...
อ่านเพิ่มเติม

กลยุทธ์การตลาดแบบ INFLUENCERS ยังจำเป็นต่อยุคอนาคตอยู่หรือไม่

-
รูปภาพ
ยุค Social media มีเรื่องแปลกใหม่อยู่เสมอ ตั้งแต่เน็ตไอดอล Youtuber รวมถึง Influencer ที่กลายเป็นอาชีพ Hothit เพราะรายได้ดีไปแล้ว influencers ซึ่งได้รับความนิยมมากขึ้นเรื่อยๆ ทั่วโลก ไม่ใช่แค่ในประเทศไทย อย่างที่คุณ Mudit Swarup, Head of INCA, Gro upM Thailand ที่มาแชร์มุมมองในงานสัมมนา GroupM Focal 2021 เกี่ยวกับอนาคตของ Influencer Marketing และช่วยอัพเดทความเท็จจริงบางอย่างเกี่ยวกับ influencers คุณ Mudit พูดว่า ความน่าสนใจของตลาด influencers เติบโตขึ้นมากตั้งแต่ปี 2015 โดยทั่วโลกเติบโตขึ้นถึง 700% ส่วนประเทศไทยโตขึ้นประมาณ 300% ส่วนหนึ่งเป็นเพราะ influencers เสมือนเป็นอีกหนึ่งเครื่องมือใหม่ของธุรกิจในยุคนั้น แต่มันกลับได้รับความนิยมมากขึ้นอย่างต่อเนื่อง จนถึงยุคนี้ปี 2021 ที่ความร้อนแรงของการตลาดออนไลน์ที่ใช้ influencers ไม่แผ่วลงสักนิด สำหรับวันนี้เราจะมาพูดในหัวข้อ 'กลยุทธ์การตลาดแบบ Influencers ยังจำเป็นต่อยุคอนาคตอยู่หรือไม่' คุณ Mudit ได้กล่าวว่า influencers จะยังอยู่กับวิถีการตลาดต่อไป และมีบทบาทมากขึ้นไปอีกเรื่อยๆ จนถึง 2022 เพราะดูจากความคิดเห็นจากนักการตลาดส่วนใหญ่...
อ่านเพิ่มเติม