Html Course

The explanation from this tutorial are for those who already know HTML, presented in detail in previous lessons of this course.
XHTML (eXtensible HyperText Markup Language) has the same role and capabilities as HTML, it's a more advanced version of HTML, but with a slightly different syntax, more strict.
XHTML is a modern replacement for HTML, a combination between HTML and XML, it is almost identical to HTML 4.01.
The main difference that should be considered from HTML to XHTML is its syntax; all tags and attributes must be write in lowercase.
If you already know HTML, by following the rules of XHTML syntax, described below, can be said that you know XHTML too.

XHTML syntax rules

1)   For an XHTML document to be considered valid, a correct DTD must be added as the first line of the file.
A DTD (Document Type Definitions) contains the standard rules and the allowed syntax of the elements on the page.
There are three XHTML DTDs: Strict, Transitional and Frameset.
After one of these statements it should be added the code for XHTML document structure, as shown in the following example (the standard structure of an XHTML web page):
<!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" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Page Title</title>
<meta name="description" content="Page description" />
<meta name="keywords" content="principal, keywords, in page" />
</head>
<body>
 ... The content of page that is displayed in the Web browser.
</body>
</html>

2)   Tag names and attributes must be in lower case.
3)   Attribute values must be quoted.
4)   Unlike HTML, where elements are closed with a second tag (identical), and some do not use closing tag, in XHTML all elements must be closed and there are specific elements which have singular closing, in the same tag .
In XHTML In HTML
<meta ... /> <meta ...>
<br /> <br>
<hr /> <hr>
<input /> <input>
<img ... /> <img ...>
- Other items, such as:   <p> </p>, <div> </div>, <span> </span>, ..., etc., are identical.

5)   In XHTML, all elements must be properly nested within each other.
6)   All attributes must have a value.
In HTML there are attributes (like "checked") which are written without any value.
Here are some of the most common:
In XHTML In HTML
checked="checked" checked
declare="declare" declare
readonly="readonly" readonly
disabled="disabled" disabled
selected="selected" selected
nowrap="nowrap" nowrap
noresize="noresize" noresize

7)   The name attribute of the <a> and <map> tags was replaced with id.

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
XHTML vs HTML

Last accessed pages

  1. PHP Unzipper - Extract Zip, Rar Archives (31613)
  2. A simple script ActionScript 3 (4321)
  3. AJAX and XML (2297)
  4. Get and Modify content of an Iframe (31991)
  5. innerHTML and outerHTML to Get and Replace HTML content (30469)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (317)
  2. PHP Unzipper - Extract Zip, Rar Archives (110)
  3. Read Excel file data in PHP - PhpExcelReader (101)
  4. SHA1 Encrypt data in JavaScript (81)
  5. Get and Modify content of an Iframe (74)
Chat
Chat or leave a message for the other users
Full screenInchide