Skip to main content

ความหมาย HTML และทำไมคุณควรใช้

HTML5 เริ่มต้นเขียนอย่างไรดี? (อาจ 2025)

HTML5 เริ่มต้นเขียนอย่างไรดี? (อาจ 2025)
Anonim

หลักการสำคัญของการเคลื่อนไหวมาตรฐานของเว็บที่มีความรับผิดชอบต่ออุตสาหกรรมที่เรามีอยู่ในปัจจุบันคือแนวคิดในการใช้องค์ประกอบ HTML สำหรับสิ่งที่พวกเขาต้องการมากกว่าที่จะแสดงในเบราว์เซอร์โดยค่าเริ่มต้น นี่เป็นที่รู้จักกันในชื่อว่า Semantic HTML

ความหมาย HTML คืออะไร

ความหมายของ HTML หรือมาร์กอัปความหมายคือ HTML ที่นำเสนอความหมายไปยังหน้าเว็บมากกว่าการนำเสนอเพียงอย่างเดียว ตัวอย่างเช่น a

แสดงว่าข้อความที่แนบมาเป็นย่อหน้า

นี้เป็นทั้งความหมายและ presentational เพราะคนรู้ว่าสิ่งที่ย่อหน้าและเบราว์เซอร์รู้วิธีการแสดง

ด้านพลิกของสมการนี้แท็กเช่น และ ไม่มีความหมายเนื่องจากกำหนดว่าข้อความควรมีลักษณะอย่างไร (ตัวหนาหรือตัวเอียง) และไม่ให้ความหมายเพิ่มเติมใด ๆ กับมาร์กอัป

ตัวอย่างของแท็ก HTML ความหมายรวมถึงแท็กส่วนหัว

ตลอด
,
, และ . มีแท็ก HTML แบบความหมายอีกมากมายที่สามารถใช้ในขณะที่คุณสร้างเว็บไซต์ที่ได้มาตรฐาน

ทำไมคุณควรสนใจเกี่ยวกับความหมาย

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

ความชัดเจนดังกล่าวได้รับการสื่อสารกับเครื่องมือค้นหาเพื่อให้แน่ใจว่าหน้าที่ถูกต้องได้รับการส่งมอบสำหรับการค้นหาที่ถูกต้อง

แท็ก HTML ความหมายให้ข้อมูลเกี่ยวกับเนื้อหาของแท็กเหล่านั้นซึ่งมากกว่าวิธีดูหน้าเว็บ ข้อความที่อยู่ในโฟลเดอร์ แท็กจะได้รับการยอมรับโดยเบราว์เซอร์เป็นภาษาเขียนโค้ดบางประเภท

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

การใช้แท็กความหมายช่วยให้คุณมีตะขออีกมากมายสำหรับจัดรูปแบบเนื้อหาของคุณ บางทีวันนี้คุณต้องการให้ตัวอย่างโค้ดของคุณแสดงในสไตล์เบราว์เซอร์เริ่มต้น แต่ในวันพรุ่งนี้คุณต้องการเรียกพวกเขาออกมาพร้อมกับสีพื้นหลังสีเทาและในภายหลังคุณต้องการกำหนดแบบอักษรตัวพิมพ์ใหญ่หรือแบบอักษรที่จะใช้สำหรับ ตัวอย่างของคุณ คุณสามารถทำสิ่งต่างๆเหล่านี้ได้โดยใช้มาร์กอัพความหมายและ CSS ที่ใช้อย่างชาญฉลาด

ใช้แท็กความหมายอย่างถูกต้อง

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

  • blockquote - บางคนใช้
    แท็กสำหรับการเยื้องข้อความที่ไม่ใช่ใบเสนอราคา เนื่องจากบล็อคถูกเว้นไว้ตามค่าเริ่มต้น ถ้าคุณเพียงต้องการประโยชน์ของการเยื้อง แต่ข้อความไม่ได้เป็นแบบ Blockquote ให้ใช้ CSS margin แทน
  • p - ผู้แก้ไขเว็บบางคนใช้ (พื้นที่ที่ไม่ทำลายใน Paragraoph) เพื่อเพิ่มช่องว่างระหว่างองค์ประกอบของหน้ามากกว่าการกำหนดย่อหน้าที่เป็นจริงสำหรับข้อความของหน้านั้น เช่นเดียวกับตัวอย่างการเยื้องก่อนหน้านี้คุณควรใช้ขอบหรือพ็อพเพอร์ตี้คุณสมบัติเพื่อเพิ่มเนื้อที่
  • ul - เช่น blockquote, ล้อมรอบข้อความภายใน a
      แท็กจะเยื้องข้อความนั้นในเบราว์เซอร์ส่วนใหญ่ นี่เป็น HTML ที่ไม่ถูกต้องและมีความหมายไม่ถูกต้อง แต่อย่างใด
    • แท็กถูกต้องภายใน a
        แท็ก ใช้ขอบหรือช่องว่างเพื่อเยื้องข้อความอีกครั้ง
    • h1-h6 - แท็กหัวเรื่องสามารถใช้เพื่อสร้างแบบอักษรที่ใหญ่กว่าและโดดเด่นกว่า แต่ถ้าข้อความไม่ใช่หัวเรื่องไม่ควรอยู่ภายในแท็กหัวเรื่อง ใช้คุณสมบัติ CSS แบบอักษรและน้ำหนักแบบอักษรแทนถ้าคุณต้องการเปลี่ยนขนาดหรือน้ำหนักของข้อความเฉพาะในหน้าเว็บของคุณ
    • เมื่อใช้แท็ก HTML ที่มีความหมายคุณจะสร้างหน้าเว็บที่ให้ข้อมูลมากกว่าโดยเพียงแค่ล้อมรอบทุกสิ่งทุกอย่างด้วย

      แท็ก

      แท็ก HTML มีความหมายอย่างไร

      แม้ว่าแทบทุกแท็ก HTML4 และแท็ก HTML5 ทั้งหมดจะมีความหมายเชิงนัยก็ตาม แต่แท็กบางส่วนมีความหมายตามธรรมชาติ

      ตัวอย่างเช่น HTML5 ได้กำหนดนิยามใหม่ของความหมาย และ แท็กเป็นความหมาย แท็กไม่ได้แสดงถึงความสำคัญเป็นพิเศษ แต่เป็นข้อความที่แสดงผลเป็นตัวหนา แท็กยังไม่ได้แสดงถึงความสำคัญหรือความสำคัญเป็นพิเศษ แต่จะกำหนดข้อความที่มักแสดงผลเป็นตัวเอียง

      แท็ก HTML เชิงตรรกะ

      ตัวย่อ
      อักษรย่อ
      ใบเสนอราคาแบบยาว
      คำนิยาม
      ที่อยู่ของผู้เขียน (s) ของเอกสาร
      การอ้างอิง
      รหัสอ้างอิง
      ข้อความ Teletype
      แผนกเชิงตรรกะ
      ที่เก็บแบบอินไลน์แบบทั่วไป
      ลบข้อความแล้ว
      แทรกข้อความแล้ว
      ความสำคัญ
      เน้นหนัก
      บรรทัดแรกระดับแรก
      บรรทัดแรกระดับที่สอง
      บรรทัดแรกระดับที่สาม
      บรรทัดแรกระดับที่สี่
      พาดหัวระดับที่ห้า
      บรรทัดแรกระดับที่หก
      การหยุดนิ่ง
      ข้อความที่จะป้อนโดยผู้ใช้
      ข้อความที่จัดรูปแบบไว้ล่วงหน้า
      ใบเสนอราคาแบบย่อ
      เอาต์พุตตัวอย่าง
      ห้อย
      ซึ่งเขียน
      ข้อความที่กำหนดด้วยตัวแปรหรือผู้ใช้