ภาษา xhtml
-
Upload
cc-nakhon-pathom-rajabhat-university -
Category
Education
-
view
16 -
download
1
Transcript of ภาษา xhtml
อาจารยสธารตน ชาวนาฟาง
สาขาวศวกรรมซอฟตแวร มหาวทยาลยราชภฏนครปฐม
เอกสารนเปนสวนหนงของรายวชา Webpage Design and Programming Workshop
ภาษา XHTML
• ยอมาจาก Extensible Hyper Text Markup Language เปนภาษาประเภท
Markup Language เกดจาก XML และ HTML มารวมกน
• ค าสงตาง ๆ นนกยงเหมอนกบ HTML แตจะมความเขมงวดในเรองโครงสราง
ภาษามากกวา
• มการตด Tag และ Attribute ทลาสมยออกไป
• จากขอเสยของ HTML ทเมอแสดงผลผานเบราเซอรของคายตางๆ เชน IE,
Firefox, Netscape, Opera และอนๆ ไดผลทแตกตางกน เวบเพจทออกแบบมา
อยางดของเรา อาจดสวยงามถกตองใน IE แตกลบผดเพ ยนไปเมอดดวย Firefox
Webpage Design and Programming Workshop
ภาษา XHTML
• ดงนนไมวาจะแสดงเวบเพจของเราในเบราเซอรคายใด กสามารถ
แสดงผลไดเหมอนกนอยางถกตอง และการใชงานอนเตอรเนตจะไม
จ ากดอยแคบนเครองคอมพวเตอร แตสามารถขยายการใชงาน
ออกไปไดกวางขน ไมวาจะเปนโทรศพทมอถอหรออปกรณตาง ๆ
Webpage Design and Programming Workshop
ขอดของภาษา XHTML
1. การเรมตนใชงานไมยงยาก เนองจากค าสงใน XHTML พฒนามา
จากภาษา HTML 4.0 ซงนกเขยนเวบคนเคยกนดอยแลว เพยงแตเขยน
รปแบบเหมอน XML นอกจากนเวบเพจทสรางข นสามารถใชกบบราวเซอรทม
ทนท
2. การใชค าสงและโมดลรวมกนได ในภาษา XHML จะใหเรา
สามารถพฒนา Element Attribute และโมดลการท างานของเราเอง และ
สามารถสงตอใหผอนสามารถน าไปใช ท าใหนกสรางเวบคนอนสามารถน า
ค าสงหรอโมดลเราไปใชไดทนท โดยไมตองเสยเวลาคดใหม
Webpage Design and Programming Workshop
ขอดของภาษา XHTML
3. การพฒนาบราวเซอรท าไดงายและสะดวก เนองจากการเขยนเวบ
ดวย XHTML จะมรปแบบแนนอนตายตว ดงนนการออกแบบและพฒนา
บราวเซอรจะไมตองเขยนโปรแกรมรองรบรปแบบเพ ยนมากนก
4. การท างานเขากบทกระบบ เพราะ XHTML เปนภาษาทไมซบซอน
และมความแนนอน จงไมจ าเปนตองใชบราวเซอรและโปรเซสเซอรในการ
ประมวลผลทสงมากนก ซงสงผลท าใหอปกรณตาง ๆ พฒนาระบบใหสามารถ
เปดใชเวบไดมากยงข น
www.themegallery.com Webpage Design and Programming Workshop
ความแตกตางระหวาง XHTML กบ HTML
1. ความแตกตางกนในเรองความถกตองของ syntax ส าหรบ HTML
แมวาเขยน code ผดพลาดไปบาง เชน ลม tag ปด เวบเบราเซอรกยงสามารถ
ตความและแสดงผลไดอยางถกตองเปนสวนมาก แตถาเปนภาษา XHTML ทก
XHTML element ทซอนกนตองเรยงล าดบใหถก แตละ element ตองไมเปด
ปด ขามกน
Webpage Design and Programming Workshop
ความแตกตางระหวาง XHTML กบ HTML
2 ทก XHTML element ตองท าการปดใหเรยบรอย ไมเวนแมแต element
ทไมม tag ปด เชน <br> จะตองท าการปด โดยใชเครองหมาย ' / ' เปน <br/>
เปนตน
Webpage Design and Programming Workshop
ความแตกตางระหวาง XHTML กบ HTML
3. ทก XHTML element ตองเขยน tag, attribute และคาของ attribute
ดวยตวพมพเลก
Webpage Design and Programming Workshop
ความแตกตางระหวาง XHTML กบ HTML
4. เอกสาร XHTML จะม root element เดยว ทก XHTML
element จะตองอยภายใน element <html>...</html>
Webpage Design and Programming Workshop
ขอก าหนดของภาษา XHTML
1. การเรยงล าดบแทกทซอนกน
XHTML จะเครงครดในแทกทซอนกน โดยตองมการเรยงล าดบ
แทกทถกตอง เชน
Webpage Design and Programming Workshop
ขอก าหนดของภาษา XHTML
2. แทกและแอตทรบวตทกตวเขยนดวยตวพมพเลกเสมอ
ภาษา XHTML มโครงสรางจากภาษา XML ซงมองวาตวพมพใหญและ
ตวพมพเลกแตกตางกน ดงนนเพอลดความผดพลาดของการใชงานควรก าหนด
แทกและแอตทรบวตทกตวเปนตวพมพเลก
3. ทกแทกเปดตองมแทกปด
ภาษา XHTML ก าหนดใหแทกเปดและแทกปด เชน <p> นคอการก าหนด
พารากราฟ </p>
Webpage Design and Programming Workshop
ขอก าหนดของภาษา XHTML
4. ตองก าหนดคาแอตทรบวตในเครองหมาย “…” เสมอ
คาทก าหนดแอตทรบวตทงหมดตองอยภายในเครองหมาย “…”
ซงแตกตางจากภาษา HTML แบบเดมทใสเฉพาะคาตวเลขเทานน
Webpage Design and Programming Workshop
ขอก าหนดของภาษา XHTML
5. หามยอแอตทรบวต
ภาษา XHTML จะเหมอนกบภาษา XML จะไมรองรบการยอแอ
ตทรบวต โดยเฉพาะแอตทรบวตทชอเหมอนกน ซงการเขยนภาษา
XHTML บงคบใหเขยนชอแอตทรบวตทงหมด
Webpage Design and Programming Workshop
ขอก าหนดของภาษา XHTML
6. แทกทมแอตทรบวต name ใหเปลยนมาใชแอตทรบวต id แทน
ภาษา XHTML จะมการยกเลกแทกname ซงมการใชในภาษา
HTML และใชแอตทรบวตid แทน ดงน
Webpage Design and Programming Workshop