แอปพลิเคชันพื้นฐานของรหัส XHTML

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

มีแท็กมากมายใน XHTML แต่มีเพียงไม่กี่แท็กที่มักใช้และคุณเพียงแค่ต้องเข้าใจสิ่งเหล่านี้ มาแสดงรายการกันทีละคน: div, p, span, ul, li, dl, dt, dd, a, img, h, strong, em

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

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

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

ul, li นี่คือรายการ ในรายการนอกเหนือจาก UL แล้วยังมี ols แต่ฉันคิดว่า ol นั้นไร้ประโยชน์เล็กน้อย เพราะ UL สามารถมีเอฟเฟกต์การเรียงลำดับ OL ผ่านคำจำกัดความ CSS ดังนั้นโดยทั่วไปฉันไม่แนะนำให้ใช้ OL เพียงแค่มี UL UL เป็นระดับบล็อกและ li ของเด็กก็เป็นแท็กระดับบล็อก วิธีที่ถูกต้องในการเขียนคือ <ul> <li> </li> </ul> แท็ก LI นั้นถูกห่อหุ้มด้วยแท็ก UL อาจมีแท็ก LI นับไม่ถ้วนในแท็ก UL และไม่สามารถใช้แท็ก LI ได้อย่างอิสระ นอกจากนี้ฉลาก LI จะต้องปิดผนึกซึ่งไม่เพียง แต่เป็นเรื่องของความสวยงาม แต่ยังมีประโยชน์มากสำหรับการบำรุงรักษาในภายหลัง โปรแกรมเมอร์หลายคนไม่ต้องการห้าม LI นี้ วัตถุประสงค์ของรายการ UL ส่วนใหญ่เป็นรายการหนึ่งมิติข้อมูลประเภทเดียวกัน ตัวอย่างเช่นกฎระเบียบบางอย่างในเมนูรายการในบทความ ฯลฯ มีรูปแบบพิเศษในรายการที่แตกต่างจาก UL นั่นคือ DL ด้านล่าง

DL, DT, DD นี่เป็นการผสมผสานที่พิเศษมากของแท็กสามแท็ก ที่นี่ DT หมายถึงชื่อ DD หมายถึงเนื้อหา DL เป็นภาชนะสำหรับหลักสูตรของพวกเขา วิธีที่ถูกต้องในการเขียนคือ <dl> <dt> </dt> <dd> </dd> </dl> อาจมีกลุ่ม DT และ DD หลายกลุ่มใน DL เมื่อหลายกลุ่มปรากฏขึ้นลองจับคู่ dt หนึ่ง dt กับหนึ่ง dd หากมีเนื้อหาจำนวนมากใน DD คุณสามารถเพิ่มแท็ก P ไปยัง DD เพื่อใช้งานได้ รายการ DL เป็นรูปแบบรายการที่ดีมากและสามารถใช้งานได้มากขึ้น

A ซึ่งหมายความว่าลิงก์เป็นแอตทริบิวต์เฉพาะและแท็กที่มีมนต์ขลังที่สุดในหน้าเว็บ มันทำให้หน้าเว็บจำนวนนับไม่ถ้วนเชื่อมต่อ วิธีที่ถูกต้องในการเขียนคือ: <a href = ""> </a> href แสดงถึงที่อยู่เป้าหมายและชื่อเรื่องคือข้อความพรอมต์ของเมาส์โฮเวอร์ซึ่งเป็นตัวเลือก แต่มันจะต้องมีผลกำไรมากกว่าไม่มีอะไรเลย

IMG นี่คือแท็กรูปภาพและยังเป็นแท็กที่มีแอตทริบิวต์เฉพาะ วิธีปกติในการเขียนคือ: <img src = ""/> ที่นี่ src เป็นที่อยู่เป้าหมาย alt และชื่อเป็นข้อความแทนที่ alt คือเฉพาะคือและชื่อเป็นเรื่องธรรมดาสำหรับเบราว์เซอร์อื่น ๆ แต่โปรดจำไว้ว่าจะต้องมีสายแบ็คสแลชอยู่ด้านหลัง

H นี่คือชุดของแท็กจาก H1 ถึง H6 มีทั้งหมดหกตัว บางคนบอกว่ามันน้อยเกินไปบางคนบอกว่ามันถูกต้องและบางคนบอกว่ามันไม่ได้ใช้มากนัก อย่างไรก็ตามฉันคิดว่ามันเกือบจะเหมือนกัน วิธีที่ถูกต้องในการเขียนคือ: <h> </h> ส่วนใหญ่จะใช้ในการจัดเก็บชื่อเรื่องและเพื่อนบางคนก็ใช้เพื่อวัตถุประสงค์อื่น โดยส่วนตัวแล้วฉันคิดว่าฉลากนี้ควรจะสบายใจมากขึ้นดังนั้นให้ทำหน้าที่เป็นชื่อ เป็นการดีที่สุดที่จะไม่มีสิ่งใดที่มีกันและกันระหว่างฉลากทั้งหกนี้

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

EM นี้คล้ายกับความแข็งแกร่งมากซึ่งหมายถึงการเน้น ค่าเริ่มต้นของเบราว์เซอร์ทั่วไปคือตัวเอียง ใช้วิธีเดียวกับที่แข็งแกร่ง วิธีการเขียนคือ: <em> </em>

แบบฟอร์มไม่ได้กล่าวถึงที่นี่เพราะแบบฟอร์มไม่มีการเปลี่ยนแปลงและไม่มีอะไรสามารถพูดได้ด้วยเหตุผลพิเศษ