軟件測試開(kāi)發(fā)語(yǔ)言中HTML元素

軟件測試開(kāi)發(fā)語(yǔ)言中HTML元素

HTML是一種標簽語(yǔ)言，通過(guò)在內容上附加各種標簽，達到在瀏覽器中正確展示的目的。正確地編寫(xiě)HTML，不僅是制作網(wǎng)頁(yè)的必要條件，也是對網(wǎng)頁(yè)進(jìn)一步處理、添加CSS和Javascript效果的前提。

編寫(xiě)HTML語(yǔ)言的關(guān)鍵，就是把標簽用對，使它能夠正確傳達語(yǔ)義信息，不要使用無(wú)含義或錯誤含義的標簽。下面就是一份我整理的HTML語(yǔ)言的編寫(xiě)指南。

一、塊級元素

div

含義：頁(yè)面內容的一個(gè)獨立組成部分。

常見(jiàn)的用途有三種：1）劃分頁(yè)首、頁(yè)尾、頁(yè)邊欄或導航欄等等；2）表示頁(yè)面的分欄；3）將文章進(jìn)一步分成幾個(gè)部分，比如正文、評論、文章的元數據等等。

示例：

<div id="header">頁(yè)面的頭部</div>

h1, h2, h3, h4, h5, h6

含義：內容的標題。

h1是最高一級的標題，下一層標題使用h2，依次類(lèi)推。除了h1以外，其他5個(gè)級別標題在一個(gè)頁(yè)面中都可以出現多次，h1只能出現一次。

示例：

<h1>一級標題</h1>

<h2>二級標題</h2>

p

含義：表示段落。

它是文章內容的基本組成部分，也可以用來(lái)表示詩(shī)歌中的一節。p與div的主要區別是，前者表示文本段落，后者表示更廣義的段落。

在P標簽中，不應該再包含其他塊級元素。此外，也不應該使用空的p標簽。

示例：

<p>這是一個(gè)段落。</p>

blockquote

含義：表示一段引用自其他來(lái)源的獨立文本。

它引用的文本通常有一定的長(cháng)度，以塊級元素的形式出現。

blockquote應該總是與cite標簽配合使用，cite用來(lái)指明引用材料的來(lái)源。

示例：

<blockquote>
不是在沉默中爆發(fā)，就是在沉默中滅亡。
<cite>魯迅《為了忘卻的紀念》</cite>
</blockquote>

在瀏覽器的默認樣式中，blockquote有文本縮進(jìn)的效果，但是不要單單因為這個(gè)原因，而使用它。

blockquote有兩個(gè)屬性，第一個(gè)是cite屬性，用來(lái)指明引用材料的URI地址；第二個(gè)是title屬性，用于提供引用材料的相關(guān)信息。

示例：

<blockquote cite="http://w3c.org/" title="文章的標題，作者，發(fā)表日期">“我正在此處引用W3C的標準�！�</blockquote>

二、行內元素

a

含義：與href屬性搭配使用時(shí)，鏈接至外部鏈接，或者同一頁(yè)的某個(gè)錨點(diǎn)。

示例：

<a href="chapter2.html">第二章</a>

abbr

含義：表示內容是某個(gè)術(shù)語(yǔ)或短語(yǔ)的縮寫(xiě)形式，它有一個(gè)title屬性，用來(lái)指明縮寫(xiě)所代表的原始詞組。

示例：

<abbr title="Europe">Eur</abbr>

acronym

含義：表示內容是一個(gè)詞組的首字母簡(jiǎn)稱(chēng)，比如BBC、WTO。

它有一個(gè)title屬性，用來(lái)指明屬性所代表的原始詞組。

acronym與abbr的主要區別是，前者往往是一個(gè)可以獨立使用的詞，而后者不是。這意味著(zhù)acronym肯定是abbr，但是abbr不一定是acronym。

示例：

<acronym title="World Wide Web">WWW</acronym>

em

含義：表示強調。

em所指明的內容，應該比其周?chē)�的內容更重要�?/P>

注意，如果你只是想表示斜體或者引用書(shū)名，那就不要使用em標簽，而是用CSS命令（font-style:italic）。

示例：

<em>我正在強調這句話(huà)。</em>

strong

含義：表示比em更強的強調。

示例：

<strong>我正在以更大的強度，強調這句話(huà)。</strong>

address

含義：表示某個(gè)特定文檔或文檔的某個(gè)部分的聯(lián)系信息或聯(lián)絡(luò )方式。

注意：1）所有的聯(lián)絡(luò )方式都可以用這個(gè)標簽表示，而不僅僅是地址。2）它是一個(gè)塊級元素，不要用它來(lái)單獨標識某個(gè)Email地址或電話(huà)號碼。

示例：

<address>
<a href="../People/張三/">張三</a>,
<a href="../People/李四/">李四</a>,
$ 日期：1999/12/24 23:37:50 $
</address>

cite

含義：表示引述的來(lái)源。

它用來(lái)指明書(shū)目信息、個(gè)人引語(yǔ)、或者參考文獻中的外部資源。

示例：

<cite>《哈利波特系列小說(shuō)》</cite>的作者是J.K.羅琳。

dfn

含義：用來(lái)表示一個(gè)定義。

示例：

<dfn>Internet Explorer</dfn>是最常見(jiàn)的瀏覽器。

del

含義：表示該信息已被刪除。

通常用于日期和時(shí)間，表示文檔已經(jīng)發(fā)生了變化。

ins

含義：與del的作用正好相反，表示修訂后插入的內容。

code

含義：表示程序代碼。

samp

含義：表示程序代碼的輸出結果。

kbd

含義：表示由用戶(hù)鍵入的文本。

它很少使用，但是在某些場(chǎng)合，你想演示如何使用一個(gè)程序，它就會(huì )有用。它通常與code和samp結合使用。

var

含義：表示程序中的變量或參數，與code, samp, kbd結合使用。

q

含義：表示一個(gè)較短的引語(yǔ)。

注意：瀏覽器對這個(gè)標簽的支持很不好，因此不推薦使用。

sub/sup

含義：表示下標/上標。

span

含義：用來(lái)標識其他標簽不適合表示的內容，是一個(gè)通用型的行內標簽。