HTML5的兩種標(biāo)簽:1、雙標(biāo)簽,是指由開始和結(jié)束兩個(gè)標(biāo)簽符號(hào)組成的標(biāo)簽,語(yǔ)法“<標(biāo)簽名>內(nèi)容</標(biāo)簽名>”;常見雙標(biāo)簽有html、head、body、body、body、div、p。2、單標(biāo)簽,是指用一個(gè)標(biāo)簽符號(hào)即可完整的描述某個(gè)功能的標(biāo)簽,語(yǔ)法“<標(biāo)簽名 />”;常見單標(biāo)簽有br、hr、img、input、link、meta。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
超文本標(biāo)記語(yǔ)言(外國(guó)語(yǔ)簡(jiǎn)稱:HTML)標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽,HTML標(biāo)簽是HTML語(yǔ)言中最基本的單位,HTML標(biāo)簽是HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)最重要的組成部分。
HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>
。
根據(jù)標(biāo)簽的組成特點(diǎn),通常將HTML標(biāo)簽分為兩大類,分別是“雙標(biāo)簽”、“單標(biāo)簽”,對(duì)它們的具體介紹如下。
1、雙標(biāo)簽
雙標(biāo)簽也被稱為“體標(biāo)簽”,是指由開始和結(jié)束兩個(gè)標(biāo)簽符號(hào)組成的標(biāo)簽(開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽)。雙標(biāo)簽的基本語(yǔ)法格式如下。、
<標(biāo)簽名>內(nèi)容</標(biāo)簽名>
例如,前面文檔結(jié)構(gòu)中的<html>和</html>、<body>和</body>等都屬于雙標(biāo)簽。
html5常見雙標(biāo)記
標(biāo)簽類別 | 常見標(biāo)簽 |
---|---|
雙標(biāo)簽 | <html>(定義HTML文檔)、<head>(定義文檔頭部)、<title>(定義文檔標(biāo)題)、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center> |
2、單標(biāo)簽
單標(biāo)簽也被稱為“空標(biāo)簽”,是指用一個(gè)標(biāo)簽符號(hào)即可完整的描述某個(gè)功能的標(biāo)簽
-
因?yàn)樗鼈兪菦]有內(nèi)容的 HTML 標(biāo)簽元素,它們是在開始標(biāo)簽中就關(guān)閉的元素,不存在成對(duì)的情況。
其基本語(yǔ)法格式如下。
<標(biāo)簽名 />
例如,在HTML中還有一種特殊的標(biāo)簽——注釋標(biāo)簽,該標(biāo)簽就是一種特殊功能的單標(biāo)簽。如果需要在HTML文檔中添加一些便于閱讀和理解,但又不需要顯示在頁(yè)面中的注釋文字,就需要使用注釋標(biāo)簽。注釋標(biāo)簽的基本寫法。
<!-- 注釋語(yǔ)句 -->
需要注意的是,注釋內(nèi)容不會(huì)顯示在瀏覽器窗口中,但是作為HTML文檔內(nèi)容的一部分,注釋標(biāo)簽可以被下載到用戶的計(jì)算機(jī)上,或者用戶查看源代碼時(shí)也可以看到注釋標(biāo)簽。
注:在HTML中,在空標(biāo)簽上使用閉標(biāo)簽是無效的,例如:</br>。這樣的情況是無效的HTML。
html單標(biāo)簽有
-
<br>:可插入一個(gè)簡(jiǎn)單的換行符。
<br> 標(biāo)簽是空標(biāo)簽(意味著它沒有結(jié)束標(biāo)簽,因此這是錯(cuò)誤的:<br></br>)。在 XHTML 中,把結(jié)束標(biāo)簽放在開始標(biāo)簽中,也就是 <br />。
-
<hr>:定義 HTML 頁(yè)面中的主題變化(比如話題的轉(zhuǎn)移),并顯示為一條水平線。
-
<area>:定義圖像映射內(nèi)部的區(qū)域(圖像映射指的是帶有可點(diǎn)擊區(qū)域的圖像)。
-
<base>:為頁(yè)面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。
-
<img>:定義 HTML 頁(yè)面中的圖像。
-
<input>:規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。
-
<link>:定義文檔與外部資源的關(guān)系,最常見的用途是鏈接樣式表。
-
<meta>:提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在客戶端,但是會(huì)被瀏覽器解析。
META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者及其他元數(shù)據(jù)。
元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他 Web 服務(wù)調(diào)用。
-
<basefont>:定義文檔中所有文本的默認(rèn)顏色、大小和字體。
-
<param>:允許您為插入 XHTML 文檔的對(duì)象規(guī)定 run-time 設(shè)置,也就是說,此標(biāo)簽可為包含它的 <object> 或者 <applet> 標(biāo)簽提供參數(shù)。
-
<col>:規(guī)定了 <colgroup> 元素內(nèi)部的每一列的列屬性。通過使用 <col> 標(biāo)簽,可以向整個(gè)列應(yīng)用樣式,而不需要重復(fù)為每個(gè)單元格或每一行設(shè)置樣式。
-
<frame>:定義 frameset 中的一個(gè)特定的窗口(框架)。frameset 中的每個(gè)框架都可以設(shè)置不同的屬性,比如 border、scrolling、noresize 等等。
-
<embed>:定義了一個(gè)容器,用來嵌入外部應(yīng)用或者互動(dòng)程序(插件)。
-
<keygen>規(guī)定用于表單的密鑰對(duì)生成器字段。
-
<source>:為媒介元素(比如 <video> 和 <audio>)定義媒介資源。
【推薦課程:HTML5視頻教程、web前端】