HTML dan XHTML - Apa bezanya??

Salam~
Lama jugak penulis tidak membicarakan tentang Ilmu...
Mungkin disebabkan kekeringan idea...
Penulis tak dapat nak menulis post berkaitan ilmu...
Jadi kali ini penulis nak kongsikan berkenaan HTML dan XHTML...

Mula2 sekali...
Apa itu HTML dan apa pulak XHTML??
HTML merupakan singkatan daripada HyperText Markup Language...
Manakala XHTML pula eXtensible HyperText Markup Language...
Kedua - duanya adalah bahasa yang digunakan untuk membuat laman web...
Walaupun kebanyakkan laman web sekarang menggunakan flash...
Tapi HTML dan XHTML merupakan pilihan utama untuk membangunkan sebuah laman web...
Blog juga merupakan salah satu laman web...
Jadi penulis blog perlu tahu mengenai asas bahasa ini...

Mula - mula sekali mari kita tengok HTML dulu...
Mula diperkenalkan pada tahun 1991 oleh Tim Berners-Lee...
Tapi hanya beberapa syntax yang mudah saja wujud...
13 daripada semua elemen ini masih wujud dalam HTML versi terbaru iaitu 4.01...
Dan pada tahun 2006 bahasa baru iaitu XHTML versi 1.0 diperkenalkan...
Kat bawah nih ada senarai elemen yang wujud dan boleh digunakan dalam versi terbaru...

Syntax Description

 Defines a comment

<!DOCTYPE> Defines the document type

<a> Defines an anchor

<abbr> Defines an abbreviation

<acronym> Defines an acronym

<address> Defines contact information for the author/owner of a document

<area /> Defines an area inside an image-map

<b> Defines bold text

<base /> Defines a default address or a default target for all links on a page

<bdo> Defines the text direction

<big> Defines big text

<blockquote> Defines a long quotation

<body> Defines the document's body

<br /> Defines a single line break

<button> Defines a push button

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<col /> Defines attribute values for one or more columns in a table

<colgroup> Defines a group of columns in a table for formatting

<dd> Defines a description of a term in a definition list

<del> Defines deleted text

<dfn> Defines a definition term

<div> Defines a section in a document

<dl> Defines a definition list

<dt> Defines a term (an item) in a definition list

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<font> Defines font, color, and size for text

<form> Defines an HTML form for user input

<h1> to <h6> Defines HTML headings

<head> Defines information about the document

<hr /> Defines a horizontal line

<html> Defines an HTML document

<i> Defines italic text

<img /> Defines an image

<input /> Defines an input control

<ins> Defines inserted text

<kbd> Defines keyboard text

<label> Defines a label for an input element

<legend> Defines a caption for a fieldset element

<li> Defines a list item

<link /> Defines the relationship between a document and an external resource

<map> Defines an image-map

<meta /> Defines metadata about an HTML document

<noframes> Defines an alternate content for users that do not support frames

<noscript> Defines an alternate content for users that do not support
client-side scripts

<object> Defines an embedded object

<ol> Defines an ordered list

<optgroup> Defines a group of related options in a select list

<option> Defines an option in a select list

<p> Defines a paragraph

<param /> Defines a parameter for an object

<pre> Defines preformatted text

<q> Defines a short quotation

<s> Deprecated. Defines strikethrough text

<samp> Defines sample computer code

<script> Defines a client-side script

<select> Defines a select list (drop-down list)

<small> Defines small text

<span> Defines a section in a document

<strike> Deprecated. Defines strikethrough text

<strong> Defines strong text

<style> Defines style information for a document

<sub> Defines subscripted text

<sup> Defines superscripted text

<table> Defines a table

<tbody> Groups the body content in a table

<td> Defines a cell in a table

<textarea> Defines a multi-line text input control

<tfoot> Groups the footer content in a table

<th> Defines a header cell in a table

<thead> Groups the header content in a table

<title> Defines the title of a document

<tr> Defines a row in a table

<tt> Defines teletype text

<u> Defines underlined text

<ul> Defines an unordered list

<var> Defines a variable part of a text

Syntax	Description
<!--...-->	Defines a comment
<!DOCTYPE>	Defines the document type
<a>	Defines an anchor
<abbr>	Defines an abbreviation
<acronym>	Defines an acronym
<address>	Defines contact information for the author/owner of a document
<area />	Defines an area inside an image-map
<b>	Defines bold text
<base />	Defines a default address or a default target for all links on a page
<bdo>	Defines the text direction
<big>	Defines big text
<blockquote>	Defines a long quotation
<body>	Defines the document's body
<br />	Defines a single line break
<button>	Defines a push button
<caption>	Defines a table caption
<cite>	Defines a citation
<code>	Defines computer code text
<col />	Defines attribute values for one or more columns in a table
<colgroup>	Defines a group of columns in a table for formatting
<dd>	Defines a description of a term in a definition list
<del>	Defines deleted text
<dfn>	Defines a definition term
<div>	Defines a section in a document
<dl>	Defines a definition list
<dt>	Defines a term (an item) in a definition list
<em>	Defines emphasized text
<fieldset>	Defines a border around elements in a form
<font>	Defines font, color, and size for text
<form>	Defines an HTML form for user input
<h1> to <h6>	Defines HTML headings
<head>	Defines information about the document
<hr />	Defines a horizontal line
<html>	Defines an HTML document
<i>	Defines italic text
<img />	Defines an image
<input />	Defines an input control
<ins>	Defines inserted text
<kbd>	Defines keyboard text
<label>	Defines a label for an input element
<legend>	Defines a caption for a fieldset element
<li>	Defines a list item
<link />	Defines the relationship between a document and an external resource
<map>	Defines an image-map
<meta />	Defines metadata about an HTML document
<noframes>	Defines an alternate content for users that do not support frames
<noscript>	Defines an alternate content for users that do not support client-side scripts
<object>	Defines an embedded object
<ol>	Defines an ordered list
<optgroup>	Defines a group of related options in a select list
<option>	Defines an option in a select list
<p>	Defines a paragraph
<param />	Defines a parameter for an object
<pre>	Defines preformatted text
<q>	Defines a short quotation
<s>	Deprecated. Defines strikethrough text
<samp>	Defines sample computer code
<script>	Defines a client-side script
<select>	Defines a select list (drop-down list)
<small>	Defines small text
<span>	Defines a section in a document
<strike>	Deprecated. Defines strikethrough text
<strong>	Defines strong text
<style>	Defines style information for a document
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<table>	Defines a table
<tbody>	Groups the body content in a table
<td>	Defines a cell in a table
<textarea>	Defines a multi-line text input control
<tfoot>	Groups the footer content in a table
<th>	Defines a header cell in a table
<thead>	Groups the header content in a table
<title>	Defines the title of a document
<tr>	Defines a row in a table
<tt>	Defines teletype text
<u>	Defines underlined text
<ul>	Defines an unordered list
<var>	Defines a variable part of a text

Ok...
Apa beza antara HTML ngan XHTML sebenarnya nih...
Sama saja kan syntax yang digunakan...
Kat bawah nih ada perbezaannya...

Syntax mesti huruf kecil

Diterima dalam HTML	XHTML
`<TITLE>MANMA Site</TITLE>`	`<title>MANMA Site</title>`

Variable yang digunakan dalam syntax mesti dalam pembuka dan penutup kata

Diterima dalam HTML	XHTML
`<div id=header-wrapper>`	`<div id='header-wrapper'>`

Setiap elemen mesti sentiasa ditutup

Diterima dalam HTML	XHTML
`<p>A paragraph.`	`<p>A paragraph.</p>`

<ul>...</ul>
<li>...</li>
<table>...</table>
<h2>...</h2>
<div>...</div>
<span>...</span>
<dt>...</dt>
<dd>...</dd>
<a  href>...</a>

<br />
<img />
<input />
<frame />
<hr />
<meta />
<link />

Element mesti ditutup dengan betul

Diterima dalam HTML	XHTML
`<form><table>...</form></table>`	`<form><table>...</table></form>`

Setiap dokumen mesti ada hanya satu element utama

<html>
<head>...</head>
<body>...</body>
</html>

Setakat inilah serba sedikit tentang perbezaan HTML dan XHTML...
Kalau ada salah dan silap...
Tolong betulkan...

"MANMA Site"

Social Icons

Pages

Masa itu amat beharga

Artikel Popular

Komen Terkini

About Me

Aktiviti

Jumaat, 5 Mac 2010

HTML dan XHTML - Apa bezanya??

Tiada ulasan:

Catat Ulasan

Kalendar

Like MANMA Site

Followers

Labels

Blog Archive

Siapa penulis