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),每日寄語-“是非天天有,不聽自然無。”
import numpy as np
import os
import matplotlib.pyplot as plt
#notebook模式下
%matplotlib inline
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不推薦使用
from pylab import *
x=arange(0,10,1)
y=randn(len(x))
plot(x,y) #繪制以x為橫坐標(biāo),y為縱坐標(biāo)的折線圖
title('pylab')
show()
在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。此外還有以下對象。
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
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。