H5新增標籤

2022-08-24 12:48:12 字數 2018 閱讀 6727

<

header

style

="text-align: center; color: blue;"

>歡迎來到html5的學習之路,我是header標籤。

header

>

這是乙個定義選項列表的標籤datalist 這個的作用就是將text文字框與select標籤結合起來

<

input

type

="text"

list

="phone"

>

<

datalist

id="phone"

>

<

option

>

option

>

<

option

>iphone

option

>

<

option

>華為

option

>

<

option

>小公尺

option

>

<

option

>三星

option

>

datalist

>

這裡我發現了兩者乙個不同之處在於,datalist只有在輸入框為空的時候才會有自己定義下拉的內容!

而這個select選項框是不管什麼內容它都會存在的

<

select

>

<

option

>iphone

option

>

<

option

>華為

option

>

<

option

>小公尺

option

>

<

option

>三星

option

>

select>

------------------------

這是乙個定義文件細節的標籤。detail標籤。它的主要作用很簡單。

<

details

>

<

summary

>這是乙個detail標籤,下面就是他的使用方法

summary

>

<

p>detail標籤是什麼?

p>

<

p>detail標籤有什麼作用?

p>

<

p>detail標籤能幹什麼?

p>

<

p>detail標籤我改怎麼用它?

p>

details

>

detail標籤常與sunmmary標籤用在一起。比如這個標籤是高亮標籤mark比重不一樣。

接下來這個標籤是定義列表標籤。menu。

<

menu

>

<

li>西遊記

li><

li>水滸傳

li><

li>紅樓夢

li><

li>三國演義

li>

menu

>

進度條標籤我們用的比較多。比如這個。

<

mark

>progress

mark

>

<

progress

value

="5"

max="10"

>value=5 max=10

progress

>

<

br>

<

footer

>我是底部footer標籤

footer

>

H5新增標籤

歡迎來到html5的學習之路,我是header標籤。這是乙個定義選項列表的標籤datalist 這個的作用就是將text文字框與select標籤結合起來 iphone 華為 小公尺 三星這裡我發現了兩者乙個不同之處在於,datalist只有在輸入框為空的時候才會有自己定義下拉的內容 而這個selec...

H5中的新增標籤

1,html5中增加了一些語義化標籤,有見名知意的作用。ie9對語義標籤選擇性支援,ie9一下的瀏覽器完全不支援語義標籤。2,html5中新增的語義標籤有 定義文件的頭部區域 定義導航部分 主體部分 定義頁尾部分 定義頁面獨立的內容區域 定義頁面內容之外的內容 3,若要相容ie8及ie8以下的內容,...

H5新增標籤 css3新增屬性

一 新增標籤 1 css3新增屬性之border color 為邊框設定多種顏色 p這裡說一下題外話,需要注意 border width 屬性如果單獨使用的話是不會起作用的。請首先使用 border style 屬性來設定邊框。2 css3新增屬性之border image 邊框 css3的bord...