<tt id="kjox3"><noscript id="kjox3"><samp id="kjox3"></samp></noscript></tt><tt id="kjox3"><li id="kjox3"><var id="kjox3"></var></li></tt><cite id="kjox3"><noscript id="kjox3"><delect id="kjox3"></delect></noscript></cite>

<source id="kjox3"><menuitem id="kjox3"></menuitem></source>

  • <rt id="kjox3"></rt>
      <rp id="kjox3"></rp>

    1. <cite id="kjox3"></cite>
        <tt id="kjox3"><form id="kjox3"><delect id="kjox3"></delect></form></tt><rp id="kjox3"><meter id="kjox3"><button id="kjox3"></button></meter></rp>

      1. <tt id="kjox3"></tt>

        <rt id="kjox3"><meter id="kjox3"></meter></rt>
      2. <b id="kjox3"><form id="kjox3"><label id="kjox3"></label></form></b>

          網頁設計中的HTML屬性

          • 2019-07-15 09:33:03
          • 閱讀次數:
          • 作者:盈嵐科技小編
          • 來源:http://www.1c4w.com

          網頁設計時,每個HTML標簽還包含很多屬性,但是大部分屬性都是公共的。公共屬性大致可分為基本屬性、語言屬性、鍵盤屬性、內容屬性和延伸屬性等類型。

          1. 基本屬性

          基本屬性主要包括下面3個,這3個基本屬性為大部分元素所擁有。   

          ?class:定義類規則或樣式規則。   

          ?id:定義元素的唯一標識。   

          ?style:定義元素的樣式聲明。

          2. 語言屬性

          語言屬性主要用來在網站建設時定義元素的語言類型,包括兩個屬性。   

          ?lang:定義元素的語言代碼或編碼。  

          ?dir:定義文本的方向,包括ltr和rtl取值,分別表示從左向右和從右向左。

          【示例1】分別為網頁代碼定義了中文簡體的語言,字符對齊方式為從左到右的方式。第二行代碼為body定義了美式英語。

          <html xmlns="http://www.w1.org/1999/xhtml" 

          dir="ltr" xml:lang="zh-CN">

          <body id="myid">

          3. 鍵盤屬性

          鍵盤屬性定義元素的鍵盤訪問方法,包括兩個屬性。   

          ?accesskey:定義訪問某元素的鍵盤快捷鍵。   

          ?tabindex:定義元素的Tab鍵索引編號。

          accesskey屬性可以使用快捷鍵(Alt+字母)訪問指定URL,但是瀏覽器不能很好地支持,在IE中僅激活超鏈接,需要配合Enter鍵確定,而在Firefox中沒有反應。

          【示例2】在導航菜單中經常設置快捷鍵。

          <a href="http://www.mysite.cn/" accesskey="a">按住Alt鍵,按A鍵可以鏈接到mysite首頁</a>tabindex屬性用來定義元素的Tab鍵訪問順序,可以使用Tab鍵遍歷頁面中的所有鏈接和表單元素。遍歷時會按照tabindex的大小決定順序,當遍歷到某個鏈接時,按Enter鍵即可打開鏈接頁面。例如:

          <a href="#" tabindex="1">Tab 1</a>

          <a href="#" tabindex="3">Tab 3</a>

          <a href="#" tabindex="2">Tab 2</a>

          4. 內容屬性

          內容屬性定義元素包含網站建設中內容的附加信息,這些信息對于元素來說具有重要的補充作用,避免元素本身包含信息不全而被誤解。內容語義包括5個屬性。

          ?alt:定義元素的替換文本。   

          ?title:定義元素的提示文本。   

          ?longdesc:定義元素包含內容的大段描述信息。   

          ?cite:定義元素包含內容的引用信息。   

          ?datetime:定義元素包含內容的日期和時間。alt和title是兩個常用的屬性,分別定義元素的替換文本和提示文本。

          <a href="URL" title="提示文本">超鏈接</a><img src="URL" alt="替換文本" title="提示文本" />替換文本(Alternate Text)并不是用來做提示的(Tool Tip),或者更加確切地說,它并不是為圖像提供額外說明信息的。相反,title屬性才負責為元素提供額外說明信息。當圖像無法顯示時,必須準備替換的文本來替換無法顯示的圖像,這對于圖像和圖像熱點是必需的,因此alt屬性只能用在img、area和input元素中(包括applet元素)。

          【示例3】下面示例使用<input>標簽定義一個圖像按鈕,但沒有設置src屬性值,則會顯示“替換文本”的文字按鈕效果。<input type="image" src="URL" alt="替換文本" />.title屬性為元素提供提示性的參考信息,這些信息是一些額外的說明,具有非本質性,因此該屬性也不是一個必須設置的屬性。當鼠標指針移到元素上面時,即可看到這些提示信息。如果要為元素定義更長的描述信息,則應該使用longdesc屬性。longdesc屬性可以用來提供鏈接到一個包含圖片描述信息的單獨頁面或者長段描述信息。其用法如下。

          <img src="URL" alt="人物照" title="張三于2015-5-1上海留念" longdesc="這是張三于2015年5月1日在上海留影,當時天很熱,場面熱鬧非凡" />或者<img src="UTL" alt="替換文本" longdesc="詳細描述圖像的網頁.html" />cite一般用來定義引用信息的URL。例如,下面一段文字引自http://www.mysite.cn/csslay-out/index.htm,所以可以這樣來設置。

          <blockquote cite="http://www.mysite.cn/csslayout/index.htm">    

          <p>CSS的精髓是布局,而不是樣式,布局需要縝密的結構分析和設計</p>

          </blockquote>

          datetime屬性定義包含文本的時間,這個時間表示信息的發布時間,也可能是更新時間,例如:

          <ins datetime="2015-5-1 8:0:0">2015年上海</ins>

          當前文章標題:網頁設計中的HTML屬性

          當前URL:http://www.1c4w.com/news/wzzz/3052.html

          上一篇:網頁設計中的HTML標簽(二)

          下一篇:網站建設中的CSS基礎

          網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
          鸭子tv国产在线永久播放