ภาษา xhtml
-
Upload
cc-nakhon-pathom-rajabhat-university -
Category
Education
-
view
31 -
download
1
Transcript of ภาษา xhtml
![Page 1: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/1.jpg)
อาจารยสธารตน ชาวนาฟาง
สาขาวศวกรรมซอฟตแวร มหาวทยาลยราชภฏนครปฐม
เอกสารนเปนสวนหนงของรายวชา Webpage Design and Programming Workshop
![Page 2: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/2.jpg)
ภาษา 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
![Page 3: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/3.jpg)
ภาษา XHTML
• ดงนนไมวาจะแสดงเวบเพจของเราในเบราเซอรคายใด กสามารถ
แสดงผลไดเหมอนกนอยางถกตอง และการใชงานอนเตอรเนตจะไม
จ ากดอยแคบนเครองคอมพวเตอร แตสามารถขยายการใชงาน
ออกไปไดกวางขน ไมวาจะเปนโทรศพทมอถอหรออปกรณตาง ๆ
Webpage Design and Programming Workshop
![Page 4: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/4.jpg)
ขอดของภาษา XHTML
1. การเรมตนใชงานไมยงยาก เนองจากค าสงใน XHTML พฒนามา
จากภาษา HTML 4.0 ซงนกเขยนเวบคนเคยกนดอยแลว เพยงแตเขยน
รปแบบเหมอน XML นอกจากนเวบเพจทสรางข นสามารถใชกบบราวเซอรทม
ทนท
2. การใชค าสงและโมดลรวมกนได ในภาษา XHML จะใหเรา
สามารถพฒนา Element Attribute และโมดลการท างานของเราเอง และ
สามารถสงตอใหผอนสามารถน าไปใช ท าใหนกสรางเวบคนอนสามารถน า
ค าสงหรอโมดลเราไปใชไดทนท โดยไมตองเสยเวลาคดใหม
Webpage Design and Programming Workshop
![Page 5: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/5.jpg)
ขอดของภาษา XHTML
3. การพฒนาบราวเซอรท าไดงายและสะดวก เนองจากการเขยนเวบ
ดวย XHTML จะมรปแบบแนนอนตายตว ดงนนการออกแบบและพฒนา
บราวเซอรจะไมตองเขยนโปรแกรมรองรบรปแบบเพ ยนมากนก
4. การท างานเขากบทกระบบ เพราะ XHTML เปนภาษาทไมซบซอน
และมความแนนอน จงไมจ าเปนตองใชบราวเซอรและโปรเซสเซอรในการ
ประมวลผลทสงมากนก ซงสงผลท าใหอปกรณตาง ๆ พฒนาระบบใหสามารถ
เปดใชเวบไดมากยงข น
www.themegallery.com Webpage Design and Programming Workshop
![Page 6: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/6.jpg)
ความแตกตางระหวาง XHTML กบ HTML
1. ความแตกตางกนในเรองความถกตองของ syntax ส าหรบ HTML
แมวาเขยน code ผดพลาดไปบาง เชน ลม tag ปด เวบเบราเซอรกยงสามารถ
ตความและแสดงผลไดอยางถกตองเปนสวนมาก แตถาเปนภาษา XHTML ทก
XHTML element ทซอนกนตองเรยงล าดบใหถก แตละ element ตองไมเปด
ปด ขามกน
Webpage Design and Programming Workshop
![Page 7: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/7.jpg)
ความแตกตางระหวาง XHTML กบ HTML
2 ทก XHTML element ตองท าการปดใหเรยบรอย ไมเวนแมแต element
ทไมม tag ปด เชน <br> จะตองท าการปด โดยใชเครองหมาย ' / ' เปน <br/>
เปนตน
Webpage Design and Programming Workshop
![Page 8: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/8.jpg)
ความแตกตางระหวาง XHTML กบ HTML
3. ทก XHTML element ตองเขยน tag, attribute และคาของ attribute
ดวยตวพมพเลก
Webpage Design and Programming Workshop
![Page 9: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/9.jpg)
ความแตกตางระหวาง XHTML กบ HTML
4. เอกสาร XHTML จะม root element เดยว ทก XHTML
element จะตองอยภายใน element <html>...</html>
Webpage Design and Programming Workshop
![Page 10: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/10.jpg)
ขอก าหนดของภาษา XHTML
1. การเรยงล าดบแทกทซอนกน
XHTML จะเครงครดในแทกทซอนกน โดยตองมการเรยงล าดบ
แทกทถกตอง เชน
Webpage Design and Programming Workshop
![Page 11: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/11.jpg)
ขอก าหนดของภาษา XHTML
2. แทกและแอตทรบวตทกตวเขยนดวยตวพมพเลกเสมอ
ภาษา XHTML มโครงสรางจากภาษา XML ซงมองวาตวพมพใหญและ
ตวพมพเลกแตกตางกน ดงนนเพอลดความผดพลาดของการใชงานควรก าหนด
แทกและแอตทรบวตทกตวเปนตวพมพเลก
3. ทกแทกเปดตองมแทกปด
ภาษา XHTML ก าหนดใหแทกเปดและแทกปด เชน <p> นคอการก าหนด
พารากราฟ </p>
Webpage Design and Programming Workshop
![Page 12: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/12.jpg)
ขอก าหนดของภาษา XHTML
4. ตองก าหนดคาแอตทรบวตในเครองหมาย “…” เสมอ
คาทก าหนดแอตทรบวตทงหมดตองอยภายในเครองหมาย “…”
ซงแตกตางจากภาษา HTML แบบเดมทใสเฉพาะคาตวเลขเทานน
Webpage Design and Programming Workshop
![Page 13: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/13.jpg)
ขอก าหนดของภาษา XHTML
5. หามยอแอตทรบวต
ภาษา XHTML จะเหมอนกบภาษา XML จะไมรองรบการยอแอ
ตทรบวต โดยเฉพาะแอตทรบวตทชอเหมอนกน ซงการเขยนภาษา
XHTML บงคบใหเขยนชอแอตทรบวตทงหมด
Webpage Design and Programming Workshop
![Page 14: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/14.jpg)
ขอก าหนดของภาษา XHTML
6. แทกทมแอตทรบวต name ใหเปลยนมาใชแอตทรบวต id แทน
ภาษา XHTML จะมการยกเลกแทกname ซงมการใชในภาษา
HTML และใชแอตทรบวตid แทน ดงน
Webpage Design and Programming Workshop
![Page 15: ภาษา xhtml](https://reader031.fdocuments.net/reader031/viewer/2022021422/58ecd8101a28ab6a118b46cf/html5/thumbnails/15.jpg)