<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...