sornram9254Leave a comment

Beginning XHTML

XHTML ลักษณะคล้ายๆ HTML แต่จะเข้มงวดเรื่อง syntax มากกว่า strict มากกว่า HTML
ตัวอย่างเช่น
☻ attribute ต้องเป็นตัวเล็กเท่านั้น
<TITLE> ✘
<title> ✔

☻ ค่าใน attribute ต้องใส่ ”
<img src=pic.jpg /> ✘
<img src=”pic.jpg” /> ✔

☻ ต้องมี / ปิดท้ายด้วยเสมอ
<br> ✘
<br /> ✔

☻ attributeใช้ id แทน name
<img src=”pic.jpg” name=”image” /> ✘
<img src=”pic.jpg” id=”image” /> ✔

☻ การเปิดปิด tag ต้องทำให้ถูกต้องถูกลำดับ
<b><i>xhtml</b></i> ✘
<b><i>xhtml</i></b> ✔

☻ XHTML ต้องใส่ DOCTYPE ไว้ด้านบนสุดเสมอ
(More : http://www.w3schools.com/tags/tag_doctype.asp)
แนะนำให้ใช้ XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>

☻ เลิกใช้การประกาศ Language Attribute
<script language=”javascript” type=”text/javascript” ></script> ✘
<script type=”text/javascript” ></script> ✔

☻ XHTMLL ไม่สามารถใช้ Characters แบบตรงๆได้
(More : http://www.ascii.cl/htmlcodes.htm)
<title>hello >>TEST<< hello</title> ✘
<title>hello &gt;&gt;TEST &lt;&lt; hello</title> ✔

☻ ห้ามย่อค่าของ attributes
<option selected> ✘
<option selected=”selected”> ✔

☻ สำหรับการกำหนดลักษณะต่างๆ กำหรดรูปแบบ ขนาดต่างๆ ในบาง elements XHTML ห้ามใช้ attributes บางอย่าง ให้เราไปใช้ style แทน
ปล. XHTML จะเหมาะกับการใช้ร่วมกับ CSS มากกว่า
<td background=”pic.jpg”></td> ✘
<td style=”background-image:url(‘pic.jpg’);”></td> ✔

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
✎ <a> Must not contain other <a> elements.
✎ <pre> Must not contain the <img>, <object>, <big>, <small>, <sub>, or <sup> elements.
✎ <button> Must not contain the <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe> or <isindex> elements.
✎ <label> Must not contain other <label> elements.
✎ <form> Must not contain other <form> elements.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
ตัวอย่างการเขียน XHTML
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
</head>
<body></body>
</html>
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
The <marquee></marquee> tag creates a scrolling text marquee. This tag is not part of the XHTML specification
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
XHTML Reference
http://www.w3schools.com/tags/default.asp
http://xhtml.com/en/xhtml/reference/
http://www.december.com/html/x1tran/– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Markup Validation Service (ตรวจสอบความถูกต้องของโค้ด)
http://validator.w3.org/#validate_by_upload
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
attributes = คุณสมบัติ , ลักษณะ
elements = องค์ประกอบ

sornram9254Leave a comment

CSS : ความลับที่คุณอาจไม่เคยรู้ [เกี่ยวกับ script ที่ฝังมากับ host ฟรี ]

CSS : ความลับที่คุณอาจไม่เคยรู้ [เกี่ยวกับ script ที่ฝังมากับ host(ฟรี) ใครรู้แล้วขออภัยครับ : ) ]
และวิธีนี้เหมาะกับเว็บเล็กๆ ที่ไม่ค่อยมีไรมากนะครับ  wanwan016

เคยรำคารกันไหม ที่โฮสฟรีๆ ชอบมีโฆษณากวนใจ ที่โฮสฝัง script มา แก้ก็ไม่ได้
วันนี้ผมมีวิธีแก้ครับ(อาจจะไม่ได้ทุกเจ้า) โดยใช้เจ้า CSS   Shocked

เริ่มแรกนะครับ ให้เราหา script ที่โฮสฟรีทั้งหลายฝังเอาไว้ก่อน ยกตัวอย่างของ freewebhostingarea.com แล้วกันนะครับ จะได้โค้ดนี้มา

<!– Free Web Hosting Area Start –>
<center><script type=”text/javascript” src=”hxxp://users.freewebhostingarea.com/a/l3b.js”></script></center><br>
<center><a target=”_blank” href=”hxxp://www.freewebhostingarea.com”><img src=”hxxp://users.freewebhostingarea.com/i/freehosting.png” border=”0″ width=”88″ height=”15″ alt=”Free Web Hosting”></a></center><br>
<noscript><br><center><font color=’#000000′ face=’Verdana’ style=’font-size: 11px; background-color:#FFFFFF’><a target=’_blank’ href=’hxxp://www.freewebhostingarea.com’><font color=’#000000′>Free Web Hosting</font></a></font></center></noscript>
<!– Free Web Hosting Area End –>

อันนี้จะเจอฝงอยู่คือ iframe (มาจากไฟล์ users.freewebhostingarea.com/a/l3b.js )
เราก็แค่เพิ่มโค้ดนี้ลงไปในไฟล์ css ซะ

iframe{
	display: none;
	visibility: hidden;
}

และถ้าในเว็บเราดันต้องใช้ iframe ด้วย ก็ควรใช้การกำหนด id หรือ class เพิ่มเข้าไปแทนนะครับ เช่น
<iframe id=’iframe’ src=’#’></iframe>

#iframe{
	display: block;
	visibility: visible;
	background:#fff;
}

written by : sornram9254