Εлементα HTML

HTML 文档是由 HTML 元素定义的。

Εлементα HTML

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签 元素内容 结束标签
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />

Σημείωση:开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

提示：您将在本教程的下一章中学习更多有关属性的内容。

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文档由嵌套的 HTML 元素构成。

HTML 文档实例

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

上面的例子包含三个 HTML 元素。

HTML 实例解释

<p> 元素：

<p>This is my first paragraph.</p>

这个 <p> 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。

元素内容是：This is my first paragraph。

<body> 元素：

<body>
<p>This is my first paragraph.</p>
</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Το στοιχείο <html> ορίζει το σύνολο του έργου HTML.

Το στοιχείο αυτό έχει μια αρχική ετικέτα <html> και μια τελική ετικέτα </html>.

Το περιεχόμενο του στοιχείου είναι ένα άλλο στοιχείο HTML (στοιχείο body).

Μην ξεχνάτε τους τελεστές κλεισίματος

Αν ξεχάσετε να χρησιμοποιήσετε τελεστές κλεισίματος, οι περισσότεροι περιηγητές θα εμφανίσουν σωστά το HTML:

<p>Αυτό είναι ένα παραράγα
<p>Αυτό είναι ένα παραράγα

Οι παραδείγματα παραπάνω λειτουργούν καλά σε πολλούς περιηγητές, αλλά μην βασίζεστε σε αυτή τη πρακτική. Η κατάσχεση των τελεστών κλεισίματος μπορεί να προκαλέσει απρόβλεπτα αποτελέσματα ή σφάλματα.

Σημείωση:Οι μελλοντικές εκδόσεις HTML δεν επιτρέπουν την παραλείψη των τελεστών κλεισίματος.

Κενά στοιχεία HTML

Τα στοιχεία HTML χωρίς περιεχόμενο ονομάζονται κενά στοιχεία. Τα κενά στοιχεία κλείνονται στη αρχική ετικέτα.

Το <br> είναι ένα κενό στοιχείο χωρίς κλείσιμο ετικέτας (η ετικέτα <br> ορίζει τη μεταβίβαση γραμμής).

Σε όλες τις εκδόσεις XHTML, XML και μελλοντικές εκδόσεις HTML, όλα τα στοιχεία πρέπει να κλείνονται.

Η προσθήκη του τελεστώτος στο κλειδί αρχικής ετικέτας, όπως στο <br />, είναι ο σωστός τρόπος για να κλείσετε τα κενά στοιχεία, το HTML, το XHTML και το XML το αποδέχονται όλα.

Αν και το <br> είναι έγκυρο σε όλους τους περιηγητές, η χρήση του <br /> είναι μια πιο ασφαλής επιλογή.

Σημείωση HTML: Χρησιμοποιήστε πεζά ετικέτες

Οι ετικέτες HTML δεν είναι ευαίσθητες σε κεφαλαία και πεζά: <P> είναι ίσο με <p>. Πολλές ιστοσελίδες χρησιμοποιούν ετικέτες HTML σε πεζά.

Το CodeW3C.com χρησιμοποιεί πεζά ετικέτες, επειδή το W3C στο HTML 4ΠροτείνεταιΧρησιμοποιήστε πεζά, ενώ στο μέλλον οι εκδόσεις (X)HTML θα είναιΑπαιτούμενοΧρησιμοποιήστε πεζά.