整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          詳解HTML5中的figure元素、details元素和mark元素!

          TML5中,不僅增加了很多的表單元素,同時(shí)也增加和改良了可以應(yīng)用在整個(gè)頁面中的元素。下面為大家介紹常見的幾個(gè)html5中頁面元素。

          figure元素和figcaption元素

          figure元素是元素組合,帶有可選標(biāo)題。figure元素用來表示網(wǎng)頁上一塊獨(dú)立的內(nèi)容,將它從刪除后不會(huì)對網(wǎng)頁上的其他的內(nèi)容造成任何影響。figure元素所表示可以是圖片、代碼統(tǒng)計(jì)或者示例,也可以用于視頻插件、音頻插件。figure元素支持accesskey、class、contenteditable、contentmene、date-*、draggable等html5全局屬性,figure元素支持onafterprint、onbeforeprint、onbeforeunload、onerror、onload等事件屬性。

          figcaption元素

          figcaption元素表示figure元素的標(biāo)題,它從屬于figure元素,在figure元素內(nèi)部書寫,在figure元素的從屬元素的前面或者后面。建議一個(gè)figure元素放置一個(gè)figcaption元素,可以放多個(gè)其他的元素。

          details元素

          details元素可以代碼javascript部分功能(畫布局部區(qū)域展開或收縮的方法),不建議使用這個(gè)功能,因?yàn)椴糠譃g覽器不支持details元素。sunmary元素從屬于details元素,鼠標(biāo)點(diǎn)擊sunmary元素中的內(nèi)容文字時(shí),details元素中的元素會(huì)展開或者收縮。如果details元素內(nèi)沒有sunmary元素,瀏覽器會(huì)提供文字供點(diǎn)擊,瀏覽器為提供一個(gè)諸如上下箭頭之類的圖標(biāo),標(biāo)示區(qū)域可以被搜索或者展開。details元素可以設(shè)置open屬性,打開details元素所表示的局部區(qū)域處于展開狀態(tài)。details元素內(nèi)不僅可以放置文字,也可以放置表單、插件或?qū)τ谝粋€(gè)統(tǒng)計(jì)圖提供的詳細(xì)數(shù)據(jù)表格。

          mark元素

          mark元素用于突出或者高亮顯示,對于用戶有重要參考作用的一段文字,使用mark元素通常是為了引起讀者注意,因?yàn)闃?biāo)出來的文字與用戶的當(dāng)前操作有關(guān),通常該元素對于當(dāng)前用戶具有很好的幫助作用。mark元素對原文內(nèi)容具有補(bǔ)充作用的元素,它應(yīng)該用于一段原文作者不認(rèn)為重要,但為了與原文內(nèi)容具有補(bǔ)充作用的一個(gè)元素。在全文檢索某個(gè)關(guān)鍵詞顯示的結(jié)果經(jīng)常用到mark元素,現(xiàn)在許多搜索引擎用其他方法實(shí)現(xiàn)了mark元素所要達(dá)到的功能。

          關(guān)于html5新增的頁面元素還有很多今天就先聊到這,每天學(xué)習(xí)一個(gè)知識點(diǎn),每日寄語-“是非天天有,不聽自然無。”


          atplotlib三種代碼風(fēng)格

          import numpy as np
          import os
          import matplotlib.pyplot as plt
          #notebook模式下
          %matplotlib inline

          pyplot

          x=np.arange(0,10,1)
          y=np.random.randn(len(x))
          plt.plot(x,y) #繪制以x為橫坐標(biāo),y為縱坐標(biāo)的折線圖
          plt.title('pyplot')
          plt.show()

          pylab

          #pylab不推薦使用
          from pylab import *
          x=arange(0,10,1)
          y=randn(len(x))
          plot(x,y) #繪制以x為橫坐標(biāo),y為縱坐標(biāo)的折線圖
          title('pylab')
          show()


          Object Oriented

          在matplotlib中,整個(gè)圖像為一個(gè)Figure對象。在Figure對象中可以包含一個(gè),或者多個(gè)Axes對象。每個(gè)Axes對象都是一個(gè)擁有自己坐標(biāo)系統(tǒng)的繪圖區(qū)域。其邏輯關(guān)系如下:


          整個(gè)圖像是fig對象。我們的繪圖中只有一個(gè)坐標(biāo)系區(qū)域,也就是ax。此外還有以下對象。

          • Data: 數(shù)據(jù)區(qū),包括數(shù)據(jù)點(diǎn)、描繪形狀
          • Axis: 坐標(biāo)軸,包括 X 軸、 Y 軸及其標(biāo)簽、刻度尺及其標(biāo)簽
          • Title: 標(biāo)題,數(shù)據(jù)圖的描述
          • Legend: 圖例,區(qū)分圖中包含的多種曲線或不同分類的數(shù)據(jù)
          • 其他的還有圖形文本 (Text)、注解 (Annotate)等其他描述



          Title為標(biāo)題。Axis為坐標(biāo)軸,Label為坐標(biāo)軸標(biāo)注。Tick為刻度線,Tick Label為刻度注釋。各個(gè)對象之間有下面的對象隸屬關(guān)系:

          # 推薦使用
          x=np.arange(0,10,1)
          y=np.random.randn(len(x))
          fig=plt.figure() #定義圖像的對象
          ax=fig.add_subplot(111) #定義坐標(biāo)系區(qū)域
          ax.plot(x,y) #繪制以x為橫坐標(biāo),y為縱坐標(biāo)的折線圖
          ax.set_title('object oriented')
          plt.show()


          子圖

          x = np.arange(1,100)
          
          fig = plt.figure()
          ax1 = fig.add_subplot(221) # 定義2*2個(gè)子圖(左一)
          ax1.plot(x,x) # 繪制左一折線圖
          
          ax2 = fig.add_subplot(222)
          ax2.plot(x,-x) # 繪制右一折線圖(右一)
          
          ax3 = fig.add_subplot(223)
          ax3.plot(x,x*x) # 繪制左二折線圖(左二)
          
          ax4 = fig.add_subplot(224)
          ax4.plot(x,np.log(x)) # 繪制右二折線圖(右二)
          
          plt.show()


          x = np.arange(1,100)
          plt.subplot(221) # 第一行的左圖
          plt.plot(x,x)
          plt.subplot(222) # 第一行的右圖
          plt.plot(x,-x)
          plt.subplot(212) # 第二整行
          plt.plot(x,x*x)
          plt.show()
          #簡化寫法
          fig,axes = plt.subplots(ncols=2,nrows=2) #定義子圖為兩行兩列
          ax1,ax2,ax3,ax4 = axes.ravel() #按照先行再列的順序分配子圖
          
          x = np.arange(1,100)
          ax1.plot(x,x)
          ax2.plot(x,-x)
          ax3.plot(x,x*x)
          ax4.plot(x,np.log(x))
          plt.show()

          多圖

          fig1 = plt.figure() # plt派生一個(gè)圖對象
          ax1 = fig1.add_subplot(111)
          ax1.plot([1,2,3],[3,2,1])
          
          fig2 = plt.figure() # plt派生另一個(gè)圖對象
          ax2 = fig2.add_subplot(111)
          ax2.plot([1,2,3],[1,2,3])
          
          plt.show() # plt統(tǒng)一顯示
          

          參考

          matplotlib核心剖析(http://www.cnblogs.com/vamei/archive/2013/01/30/2879700.html#commentform)

          dd oncopy

          Add oncut

          Add onpaste

          Modify header/footer content model to allow <header> and <footer> descendants

          Allow blank <option>

          Change mousewheel event to wheel event

          Make stepup/down algorithm reflect reality

          Allow <figcaption> anywhere in <figure>

          Add HTMLMediaElement.srcObject

          Make <script>'s event and htmlFor IDL attributes

          Clear autoplaying flag when autoplaying

          Make navigator.javaEnabled()

          Support width="0" except for <td>

          Make toblob() callback non-nullable

          Make meta refresh parsing reflect reality


          主站蜘蛛池模板: 久久久人妻精品无码一区| 国产一国产一区秋霞在线观看| 风流老熟女一区二区三区| 中文字幕Av一区乱码| 精品伦精品一区二区三区视频 | 国产手机精品一区二区| 无码AV天堂一区二区三区| 久久精品一区二区东京热| 国产伦精品一区二区三区| 久久久91精品国产一区二区三区 | 合区精品久久久中文字幕一区| 免费观看日本污污ww网站一区| 国产女人乱人伦精品一区二区 | 国产精品电影一区二区三区| 最新中文字幕一区二区乱码 | 亚洲av成人一区二区三区在线播放 | 中文字幕一区二区三区5566 | 精品亚洲AV无码一区二区三区| 亚洲午夜精品一区二区| 国产精品高清一区二区人妖| 麻豆AV天堂一区二区香蕉 | 日本精品无码一区二区三区久久久 | 日本在线视频一区二区| 色综合视频一区二区三区44| 国产高清视频一区二区| 亚洲国产精品一区二区九九| 自慰无码一区二区三区| 亚洲一区二区三区四区视频 | 精品国产一区二区三区av片| 精品一区二区三区电影| 精品乱人伦一区二区三区| 91在线一区二区三区| 狠狠综合久久av一区二区| 久久精品国产一区二区| 无码精品人妻一区二区三区人妻斩 | 日本一区免费电影| 亚洲国产老鸭窝一区二区三区| 久久国产精品亚洲一区二区| 国产一区二区成人| 亚洲av无码天堂一区二区三区 | 亚洲日本一区二区|