python——前端常用的标签
1.meat標簽
meta標簽的使用meta標簽共有兩個屬性：http-equiv和name;不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。name屬性 name屬性主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。 meta標簽的name屬性語法格式是：＜meta name=”參數” content=”具體的參數值”＞ 。其中name屬性主要有以下幾種參數:Keywords(關鍵字) 說明：keywords用來告訴搜索引擎你網頁的關鍵字是什么。 舉例：＜meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human"＞ description(網站內容描述) 說明：description用來告訴搜索引擎你的網站主要內容。 舉例：＜meta name="description" content="This page is about the meaning of science, education,culture."＞ author(作者) 說明：標注網頁的作者 舉例：＜meta name="author" content"root,root@21cn.com"＞ http-equiv屬性 http-equiv顧名思義，相當于http協議中文件頭的作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。 meat標簽的http-equiv屬性語法格式是：＜meta http-equiv=”參數” content=”參數變量值”＞ ；其中http-equiv屬性主要有以下幾種參數：content-Type(顯示字符集的設定) 說明：設定頁面使用的字符集。 用法：＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ Expires(期限) 說明：可以用于設定網頁的到期時間。一旦網頁過期，必須到服務器上重新傳輸。 用法：＜meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"＞ 注意：必須使用GMT的時間格式。 Pragma(cache模式) 說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內容。 用法：＜meta http-equiv="Pragma" content="no-cache"＞ 注意：這樣設定，訪問者將無法脫機瀏覽。 Refresh(刷新) 說明：自動刷新并指向新頁面。 用法：＜meta http-equiv="Refresh" content="2; URL=http://www.root.net"＞ 注意：其中的2是指停留2秒鐘后自動刷新到URL網址。 Set-Cookie(cookie設定) 說明：設置cookie, 如果網頁過期，那么存盤的cookie將被刪除。 用法：＜meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/"＞ 注意：必須使用GMT的時間格式。 Window-target(顯示窗口的設定) 說明：強制頁面在當前窗口以獨立頁面顯示。 用法：＜meta http-equiv="Window-target" content="_top"＞ 注意：用來防止別人在框架里調用自己的頁面。 *meat標簽 meat標簽?
HTML5中常用的標簽(及標簽的屬性和作用)
1、標簽:<!DOCTYPE>
作用:聲明是文檔中的第一成分，位于<html>標簽之前。
2、標簽:<html>
作用:此元素可告知瀏覽器其自身是一個HTML文檔。
屬性:manifest:值(url)為脫機使用定義緩存信息。
3、標簽:<head>
作用:標簽用于定義文檔的頭部，它是所有頭部元素的容器。
屬性:profile:值(URL)一個有空格分隔的URL列表，這些URL包含著有關頁面的元數據信息。
4、標簽:<title>
作用:元素可定義文檔的標題。
屬性:dir:值(rtl,ltr)規定元素中內容的文本方向。
lang:值(language_code)規定元素中內容的語言代碼。
xml:lang:值(language_code)規定XHTML文檔中元素內容的語言代碼。
5、標簽:<body>
作用:元素定義文檔的主體。
屬性:alink:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用，請使用樣式取代它。規定文檔中活動鏈接(active link)的顏色。
background:值(URL)不贊成使用。請使用樣式取代它。規定文檔的背景圖像。
bgcolor:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文檔中的背景顏色。
link:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文檔中未訪問鏈接的默認顏色。
text:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文檔中所以文本的顏色。
vlink:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規定文檔中已被訪問鏈接的顏色。
6、標簽:<h1>到<h6>標簽
作用:<h1>-<h6>標簽了定義標題。<h1>定義最大的標題，<h6>定義最小的標題。
屬性:align:值(left,center,right,justify)不推薦使用。請使用樣式取代它。規定標題中文本的排列。
7、標簽:<p>
作用:標簽定義段落。
屬性:align:值(left,center,right,justify)不推薦使用。請使用樣式取代它。規定標題中文本的排列方式。
8、標簽:<br>
作用:可插入一個簡單的換行符。
屬性:沒有可選屬性。
9、標簽:<hr>
作用:標簽在HTML頁面創建一條水平線。
屬性:align:值(center,left,right)不贊成使用。請使用樣式取代它。規定hr元素的對齊方式。
noshade:值(noshade)不贊成使用。請使用樣式取代它。規定hr元素的顏色呈現為純色。
size:值(pixels)不贊成使用。請使用樣式取代它。規定hr元素的高度(厚度)。
width:值(pixels %)不贊成使用。請使用樣式取代它。規定hr元素的寬度。
10、標簽<!-- -->
作用:注釋標簽用于在源文檔中插入注釋。
屬性:沒有可選屬性。
11、標簽:<ul>
作用:標簽定義無序列表。
屬性:compact:值(compact)不贊成使用。請使用樣式取代它。規定列表呈現的效果比正常情況更小巧。
type:值(disc,square,circle)不贊成使用。請使用樣式取代它。規定列表的項目符號的類型。
12、標簽:<ol>
作用:標簽定義有序列表。
屬性:compact:值(compact)HTML5 中不支持。HTML4.01 中不贊成使用。規定列表呈現的效果比正常情況更小巧。
reversed:值(reversed)規定列表順序為降序。(9,8,7...)
start:值(number)規定有序列表的起始值。
type:值(1,A,a,I,i)規定在列表中使用的標記類型。
13、標簽:<li>
作用:標簽定義列表項目。<li>標簽可使用在有序列表（<ol>）和無序列表（<ul>）中。
屬性:type:值(A,a,I,i,1,disc,square,circle)不贊成使用。請使用樣式代替它。規定使用哪種項目符號。
value:值(number)不贊成使用。請使用樣式代替它。規定列表項目的數字。
14、標簽:<dl>
作用:標簽定義了定義列表。標簽用于結合<dt>(定義列表中的項目)和<dd>(描述列表中的項目)。
屬性:沒有可選屬性。
15、標簽:<dt>
作用:標簽定義了定義列表中的項目。
屬性:沒有可選屬性。
16、標簽:<dd>
作用:在定義列表中定義條目的定義部分。
屬性:沒有可選屬性。
17、標簽:<a>
作用:標簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。<a>元素最重要的屬性是href屬性，它指示鏈接的目標。
屬性:charset:值(char_encoding)HTML5中不支持。規定被鏈接文檔的字符集。
coords:值(coordinates)HTML5中不支持。規定鏈接的坐標。
download:值(filename)規定被下載的超鏈接目標。
href:值(URL)規定鏈接指向的頁面的URL。
hreflang:值(language_code)規定被鏈接文檔的語言。
media:值(media_query)規定被鏈接文檔是為何種媒介/設備優化的。
name:值(section_name)HTML5中不支持。規定錨的名稱。
rel:值(text)規定當前文檔與被鏈接文檔之間的關系。
rev:值(text)HTML5中不支持。規定鏈接文檔與當前文檔之間的關系。
shape:值(default,rect,circle,poly)HTML5中不支持。規定鏈接的形狀。
target:值(_blank,_parent,_self,_top,framename)規定在何處打開鏈接文檔。
type:值(MIME type)規定被鏈接文檔的的MIME類型。
18、標簽:<nav>
作用:標簽定義導航鏈接的部分。
屬性:沒有可選屬性。
19、標簽:<table>
作用:標簽定義HTML表格。
屬性:align:值(left,center,right)不贊成使用。請使用樣式代替。規定表格相對周圍元素的對齊方式。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式代替。規定表格的背景顏色。
border:值(pixels)規定表格邊框的寬度。
cellpadding:值(pixels %)規定單元邊沿與其內容之間的空白。
cellspacing:值(pixels %)規定單元格之間的空白。
frame:值(void,above,below,hsides,lhs,rhs,vsides,box,border)規定外側邊框的哪個部分是可見的。
rules:值(none,groups,rows,cols,all)規定內側邊框的哪個部分是可見的。
summar:值(text)規定表格的摘要。
width:值(% pixels)規定表格的寬度。
20、標簽:<caption>
作用:標簽定義表格的標題。<caption>標簽必須直接放置到<table>標簽之后。
屬性:align:值(left,right,top,bottom)不贊成使用。請使用樣式取而代之。規定標題的對齊方式。
21、標簽:<th>列
作用:定義表格內的表頭單元格。<th>元素內部的文本會呈現為居中的粗體文本。
屬性:abbr:值(text)規定單元格中內容的縮寫版本。
align:值(left,right,center,justify,char)規定單元格內容的水平對齊方式。
axis:值(category_name)對單元格進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不推薦使用。請使用樣式代替它。規定表格單元格的背景顏色。
char:值(character)規定根據哪個字符來進行內容的對齊。
charoff:值(number)規定對齊字符的偏移量。
colspan:值(number)設置單元格可橫跨的列數。
headers:值(idrefs)有空格分隔的表頭單元格ID列表，為數據單元格提供表頭信息。
height:值(pixels %)不推薦使用。請使用樣式代替它。規定表格單元格的高度。
nowrap:值(nowrap)不推薦使用。請使用樣式替代它。規定單元格中的內容是否折行。
rowspan:值(number)規定單元格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭數據與單元數據相關聯的方法。
valign:值(top,middle,bottom,baseline)規定單元格內容的垂直排列方式。
width:值(pixels %)不推薦使用。請使用樣式取而代之。規定表格單元格的寬度。
22、標簽:<tr>行
作用:標簽定義HTML表格中的行。
屬性:align:值(right,left,center,justify,char)定義表格行的內容對齊方式。
bgcolor:值(rgb(x,x,x)#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規定表格行的背景顏色。
char:值(character)規定根據哪個字符來進行文本對齊。
charoff:值(number)規定第一個對齊字符的偏移量。
valign:值(top,middle,bottom,baseline)規定表格行內容。
23、標簽:<td>普通列
作用:標簽定義了定義列表中的項目。td元素內的文本通常是左對齊。
屬性:abbr:值(text)規定單元格中內容的縮寫版本。
align:值(left,right,center,justify,char)規定單元格內容的水平對齊方式。
axis:值(category_name)對單元進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規定單元格的背景顏色。
char:值(character)規定根據哪個字符來進行內容的對齊。
charoff:值(number)規定對齊字符的偏移量。
colspan:值(number)規定單元格可橫跨的列數。
headers:值(header_cells'_id)規定與單元格相關的表頭。
height:值(pixels %)不贊成使用。請使用樣式取而代之。規定表格單元格的高度。
nowrap:值(nowrap)不贊成使用。請使用樣式取而代之。規定單元格中的內容是否折行。
rowspan:值(number)規定單元格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭數據與單元數據相關聯的方法。
valign:值(top，middle，bottom，baseline)規定單元格內容的垂直排列方式。
width:值(pixels %)不贊成使用。請使用樣式取而代之。規定表格單元格的寬度。
24、標簽:<img>
作用:img元素向網頁中嵌入一幅圖像。
屬性:必需的屬性:src屬性:值(URL)規定顯示圖像的URL和alt屬性:值(text)規定圖像的代替文本。
可選屬性:align:值(top,bottom,middle,left,right)不推薦使用。規定如何根據周圍的文本來排列圖像。
border:值(pixels)不推薦使用。定義圖像周圍的邊框。
height:值(pixels %)定義圖像的高度。
hspace:值(pixels)不推薦使用，定義圖像左側和右側的空白。
ismap:值(URL)將圖像定義為服務器端圖像映射。
longdesc:值(URL)指向包含長的圖像描述文檔的URL。
usemap:值(URL)將圖像定義為客戶器端圖像映射。
vspace:值(pixels)不推薦使用。定義圖像頂部和底部的空白。
width:值(pixels %)設置圖像的寬度。
25、標簽:<audio>
作用:元素能夠播放聲音文件或者音頻流。
屬性:autoplay:值(autoplay)如果出現該屬性，則音頻在就緒后馬上播放。
controls:值(controls)如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
loop:值(loop)如果出現該屬性，則每當音頻結束時重新開始播放。
muted:值(muted)規定視頻輸出應該被靜音。
preload:值(preload)如果出現該屬性，則音頻在頁面加載時進行加載，并預備播放，如果使用"autoplay",則忽略該屬性。
src:值(url)要播放的音頻URL。
26、標簽<video>
作用:HTML5規定了一種通過video元素來包含視頻的標準方式。
屬性:autoplay:值(autoplay)如果出現該屬性，則視頻在就緒后馬上播放。
controls:值(controls)如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
height:值(pixels)設置視頻播放器的高度。
loop:值(loop)如果出現該屬性，則當媒介文件完成播放后再次開始播放。
preload:值(preload)如果出現該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用"autoplay",則忽略該屬性。
src:值(url)要播放的視頻的url。
width:值(pixels)設置視頻播放器的寬度。
27、標簽<source>
作用:標簽為媒介元素，定義媒介資源。
屬性:media:值(media query)規定媒體資源的類型。
src:值(url)規定媒體文件的URL。
type:值(numeric value)規定媒體資源的MIME類型。
28、標簽:<form>
作用:標簽用于為用戶輸入創建HTML表單。
屬性:accept:值(MIME_type)HTML5中不支持。
accept-charset:值(charset_list)規定服務器可處理的表單數據字符集。
action:值(URL)規定當提交表單時向何處發送表單數據。
autocomplete:值(on,off)規定是否啟用表單的自動完成功能。
method:值(get,post)規定用于發送form-data 的http方法。
name:值(form_name)規定表單的名稱。
target:值(_blank,_self,_parent,_top,foamename)規定在何處打開 action URL。
29、標簽:<input>
作用:標簽用于收集用戶信息。
屬性:accept:值(mime_type)規定通過文件上傳來提交的文件的類型。
align:值(left,right,top,middle,bottom)不贊成使用。規定圖像輸入的對齊方式。
alt:值(text)定義圖像輸入的替代文本。
autocomplete:值(on,off)規定是否使用輸入字段的自動完成功能。
autofocus:值(autofocus)規定輸入字段在頁面加載時是否獲得焦點。
checked:值(checked)規定此input元素首次加載時應當被選中。
disabled:值(disabled)當input元素加載時禁用此元素。
form:值(formname)規定輸入字段所屬的一個或多個表單。
formaction:值(url)覆蓋表單的action屬性。
height:值(pixels %)定義input字段的高度。
list:值(datalist-id)引用包含輸入字段的預定義選項的datalist。
max:值(number,date)規定輸入字段的最大值。
maxlength:值(number)規定輸入字段中的字符的最大長度。
min:值(number,date)規定輸入字段的最小值。
name:值(field_name)定義input元素的名稱。
readonly:值(readonly)規定輸入字段為只讀。
size:值(number_of_char)定義輸入字段的寬度。
type:值(button,checkbox,file,hidden,image,password,radio,reset,submit,text)規定input元素的類型。
value:值(value)規定input元素的值。
width:值(pixels,%)定義input字段的寬度。
30、標簽:表單域
{
單行文本域：<input type="text" />
密碼文本域：<input type="password" />
單選按鈕：<input type="radio" />
多選按鈕：<input type="checkbox" />
隱藏域：<input type="hidden" />
提交按鈕：<input type="submit" />
重置按鈕：<input type="reset" />
自定義按鈕：<input type="button" />
文件上傳：<input type="file"/>
多行文本域：<textarea />
下拉列表域：<select />
}
31、標簽:<textarea>
作用:標簽定義多行的文本輸入控件。
屬性:autofocus:值(autofocus)規定在頁面加載后文本區域自動獲得焦點。
cols:值(number)規定文本區內的可見寬度。
disabled:值(disabled)規定禁用該文本區。
form:值(form_id)規定文本區域所屬的一個或多個表單。
maxlength:值(number)規定文本區域的最大字符數。
name:值(name_of_textarea)規定文本區的名稱。
placeholder:值(text)規定描述文本區域預期值的簡短提示。
readonly:值(readonly)規定文本區為只讀。
rows:值(number)規定文本區域的可見行數。
32、標簽:<button>
作用:標簽定義一個按鈕。
屬性:disabled:值(disabled)規定應該禁用該按鈕。
form:值(form_name)規定按鈕屬于一個或多個表單。
name:值(button_name)規定按鈕的名稱。
type:值(button,reset,submit)規定按鈕的類型。
value:值(text)規定按鈕的初始值。
33、標簽:<select>
作用:元素可創建單選或多選菜單。
屬性:data:值(url)供自動插入數據。
disabled:值(true,false)當該屬性為true時，會禁用該菜單。
form:值(true,false)定義select字段所屬的一個或多個表單。
multiple:值(true,false)當該屬性為true時，規定可一次選定多個項目。
name:值(unique_name)定義下拉列表的唯一標識符。
size:值(number)定義菜單中可見項目的數目。不支持
34、標簽:<optgroup>
作用:標簽定義選項組。
屬性:label:值(text)為選項組規定描述。
disabled:值(disabled)規定禁用該選項組。
35、標簽:<option>
作用:元素定義下拉列表中的一個選項。
屬性:disabled:值(disabled)規定次選項應在首次加載時被禁用。
label:值(text)定義使用<optgroup>時所使用的標注。
selected:值(selected)規定選項表現為選中狀態。
value:值(text)定義送往服務器的選項值。
?
轉載于:https://www.cnblogs.com/lanyinhao/p/9268820.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的python——前端常用的标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【CI】CN.一种多尺度协同变异的微粒群
- 下一篇： python之路——迭代器和生成器