日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
WEB開發(fā)中必須了解的HTML標簽

這里我們將介紹一些常用的HTML標簽,并同時介紹一些HTML 5標簽。希望大家掌握這些HTML標簽后,在平時的開發(fā)中能起到事半功倍的效果。

創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務領域包括:做網(wǎng)站、網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的華坪網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!

這是我讀《html mastery》一書的總結,這本大概寫于2006年的書主要討論的是html4的標簽,而現(xiàn)在2009年w3c于1月22日發(fā)布了最新的html5草案,opera稱其將使flash技術變得可有可無,相信不久后普及的html5將給web設計帶來些重大變化,但現(xiàn)在了解些html4的基礎知識顯然是必要的,何況聽說html5會兼容些本文提到的標簽,似乎還是有價值的。

常用元素

1.div與span

這是用得最多的兩個標簽,以后會有專文總結如何使用好他們,現(xiàn)在必須知道的是前者是block元素,后者是inline元素;而block元素與inline元素區(qū)別正如名字告訴我們的那樣:前者是所包含的內容是一個整體,幾個block元素間垂直堆疊,強制后面元素另起一行;而后者,幾個inline元素水平排列,相互間只有水平方向上的邊距設置才會有效,padding-top,margin-bottom等豎直格式設置會被忽略。不添加css,前者無法并放,后者無法堆疊。即span內部是不能放div的。

2.doctype

它的最實際與重要的用途是提醒瀏覽器按照標準模式(standard mode)而非怪異模式(quirks mode)來解析html文檔,XHTML1.0有三種可用:

 
 
 
  1. "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
  2.  
  3.  

XHTML1.1就只有一個形式:

 
 
 
  1. > 

文檔標簽

3.  p,address與hx,blockquote

是用來表示新段落的,而不是表示不間斷的空格實體,那該用css的padding-bottom實現(xiàn)。

只用來顯示與本文檔有關的聯(lián)系信息,是一個block元素,hCard微格式會經(jīng)常用到。

其實是

,記得把

留給最重要的標題,一般只出現(xiàn)一次,還有此類標簽可能以后會被統(tǒng)一的取代,趁能用趕快學著用吧。

 

用來說明塊引用,有一個cite屬性讓作者推薦來源

4.ul,ol與dl

無序,有序(按字母或數(shù)字順序)以及定義(表示對話也可以)列表,列表項使用

  • 元素標記,不能含block元素,即不能包含其中。

    5.a 與link

    沒啥好多說的,記得有的用法就好,參考文章http://www.jimthatcher.com/skipnav.htm

    可有得研究他和都有兩個重要屬性:rel以及rev,rel指出該文檔與href指向的鏈接關系類型,rev則將兩對象方向互換,可選類型有:alternative,如果是可選譯文,則與lang屬性一起用;如果是可選媒介,則用到media屬性。

    stylesheet,用得多了。start,起點;pre,next,上下一份文檔;copyright,指出版權聲明,等多了去。還可以是tag,有助于標簽網(wǎng)站識別,如ipod
     還有title,tabindex,acesskey屬性,理智應用能加強訪問性,但be careful。

    6.del與ins

    用于表示文章修訂,有cite屬性與datatime屬性表示修改原因與時間。

    表示型標簽

    7.i與b

    并不推薦使用了,有時可能有用:表示斜體,粗體,代替span用

    8. hr,pre,sup與sub

    hr即水平標尺(絕不是邊框),pre則是留白,sup上標,sub下標,都是彌補css用的

    短語元素及圖像媒體

    9. em,strong

    不是用來使文本變斜加粗的,而起強調作用,如果有讀屏器,就會發(fā)現(xiàn)語速變化,比有用

    10.cite,dfn

    表示引用與定義的標簽,記得ref=“glossary”嗎?

    11.code,var,samp,kbd

    前面兩個用來顯示代碼,后一個描述輸出結果,指出鍵盤按鍵

    12.abbr,acronym

    縮略文章或詞,在title屬性給出完整版本,縮寫詞的區(qū)別對東方人來說,不怎么適應

    13.img與object

    除非真的是顯示圖片,否則網(wǎng)頁布局該用css背景;object是嵌入標簽,用起來麻煩,還是自動生成吧

    表格table

    14.caption,th,thead,tfoot,tbody

    表格的標題,標題行,表頭區(qū)等,都不知道除tr,td外還有這么多用于表格

    span屬性仍然十分必要,

     
     
     
    1.  
    2.  
    3.     sth   
    4.     sth 
    5.  
    6.  

    就該如此寫

    15.colgroup,col

    在表頭區(qū)分格需要這兩個標簽,并不實用,不如用scope屬性值,rowspan,colspan等屬性也可,具體哪種更好現(xiàn)在不明。

    表單元素

    16. form與input,label

    用得太多了,就說form的enctype屬性與input有file類型可用有關,而reset類型還是別再用了。

    17.textarea,fieldset,legend

    前者是大面積輸入的絕佳標簽,后者有利表單劃分,是塊標題。

    web form2.0將給這些來個大變化,趁能用盡量用對吧。我也不會亂用div和span了,供選擇的標簽有這么多。

    本文來自超然臺上仙博客園文章《web設計必須學會使用的html標簽

    【編輯推薦】

    1. JSP XML XSLT將輸出轉換HTML
    2. 使用Java正則表達式匹配、替換HTML內容
    3. HTML編輯器FCKeditor使用詳解
    4. DIV CSS的XHTML代碼結構淺談
    5. 自定義JSP標簽由淺到深詳細講解

    網(wǎng)頁名稱:WEB開發(fā)中必須了解的HTML標簽
    網(wǎng)頁地址:http://m.5511xx.com/article/cccigep.html