- - H5標籤 - -
<header> </header> 頭部
<artitcle> </article>區塊 閉合區域
<section> </section>章節
<footer> </footer>頁腳
<hgroup> </hgroup>標題組
<figure> 圖片文字組合
<figuration> 文字區
</figuration>
</figure>
<mark> </mark> 強調
<ruby> </ruby> 註釋
<meter> </meter> 刻度 標尺
<progress> </progress> 進度條
<details> 隱藏文字標題
<summary> 隱藏文字區
</summary>
</details>
<dialog> <dialog> 對話框
標籤 - -
ul li 無序列表
例:
<ul type=””>
<li> </li>
<li> </li>
<li> </li>
</ul>
ol li 有序列表
例:
<ol type=””> type:1 A a I i
<li> </li>
<li> </li>
<li> </li>
</ol>
dl da d t 自定義列表
例:
<dl>
<dt> </dt>
<dd> </dd>
<dt> </dt>
<dd> </dd>
<dd> </dd>
</dl>
段落語意強調字體樣式圖片鏈接 - -
<div> </div>定義區域標籤
<br> 換行標籤
<img src=”圖片路徑” width=”” height=”” alt=”” title=”” />插入圖片標籤
<a href=”鏈接地址” target=”_blank”>鏈接內容</a> 超鏈接標籤
<a href=”#name”>錨鏈接內容</a> 超鏈接標籤錨鏈接
<div id=”name”> </div>
_blank原頁打開
<h1-6> </h1-6>標題標籤
<p> </p>段落標籤 內容結束換行
<span> </span>短標記
<b> </b>粗體
<strong> </strong>語意粗體
<i> </i>斜體
<em> </em> 語意斜體
<del> </del>橫線文字中間
<ins> </ins>橫線文字下
<suq> </suq>上標標籤
<sub> </sub>下標標籤
<pre> </pre>按書寫內容格式顯示到網頁
表單 - -
<form action=”.file” method=”get/post”>
<input type=”text”> 單行文本
<input type=”button”> 按鈕
<input type=”submit”> 提交按鈕
<select> 選擇列表
<option></option> 選項
</select>
<fieldset> 文本域
<leqend></leqend> 標題
</fieldset>
<label for=”name”> 信息關聯
關聯內容
<input type=”radio” id=”name”> 關聯id
</label>
</form>
H5新增標籤
type=”email / url / number/ range/ data /date-local /mouth/week /datetime-local /search /color”
郵件(有提醒) 路徑(有提醒) 數字(有提醒) 操作條 日期 日期+時間 月份 周 詳細日期時間 搜搜 顏色
number屬性
Max -- 最大值
Min-- 最小值
Step-- 間隔
Value-- 默認值
range 屬性
Max-- 最大值
Min-- 最小值
Step-- 間隔
Value-- 默認值
H5新增屬性
<type=”file” accept=”image/gif” > 指定格式圖片顯示
<type=”text” autocomplete=”on” > 自動完成
<type=”text” placeholder=” ”> 提示信息
<type=”text” pattern=”” > 正則表達式
<type=”text” autofocus > 自動焦點
<type=”text” Required> 不能爲空
新增選擇列表
<input class="top star" type="text" placeholder="酒店級別選擇" list="mess">
<datalist id="mess">
<option>經濟型</option>
<option>二星</option>
<option>三星</option>
<option>四星</option>
<option>五星</option>
</datalist>
方法: input用list關聯datalist的id
表格 - -
<table> 表格
<thead> 表頭
<tr> 行
<td> </td> 列
<td> </td>
</tr>
<thead>
<tfoot> 頁腳
<tr>
<td> </td>
<td> </td>
</tr>
<tfoot>
<tbody> 主體
<tr>
<td> </td>
<td> </td>
</tr>
<tbody>
</table>
<thead> <tfoot> <tbody> 分組添加樣式 可省略
多媒體 - -
<audio controls=” controls” src=””> <audio>加入音頻文件
<audio controls=”controls”>加入音頻文件/兼容寫法
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
<video> </video>加入視頻文件
<embed src=" " hidden="true" loop="loop"> </embed>加入音頻文件
框架 - -
h5框架
<iframe src=”” height=”” width=””></iframe>
h5之前框架
<frameset src=”” rows=” 50% , * ”>
<frame src=””><frame>
<frame src=””><frame>
</frameset>