5
一、html新增標簽
1)header -------頭部引導或導航的部分
2)Nav ----------導航部分,一般可以嵌套在header里面
3)Section ---------代表一個獨立區塊,包括內容和標題
4)Article ----------特殊的section ,一般放置文章或標題
5)Aside ---------頁面補充說明的區塊
6)Footer --------腳部版權說明的區塊
注意點:雖然標簽很語義化,但是目前只能兼容IE9+
二、添加對flash的替換
.swf(flash的格式)
對視頻的標簽
Video支持的mp4格式,ogg,webM
屬性:autoplay: 頁面加載進來就開始播放
Src 視屏文件的路徑
Controls 是否顯示播放器的控件(播放,暫停,快進,全屏,音量)
Preload 預加載
Poster 視頻播放前的海報
在h5之前視頻是如何播放的(網頁中是如何插入視頻)
<embed>
<iframe>
音頻的標簽
Audio
支持的格式:mp3,ogg,Wav
Input類型的拓展
Color: 取到值是十六進制的顏色屬性值
Date : yyyy-MM-dd
Datetime
Datetime-local 顯示格式yyyy-MM-ddThh:mm
Email 表單提交會觸發驗證
Month YYYY-MM
Number 會出現加減符號,min-----max屬性,限制最大值和最小值
Range 滑塊,也可以自定義最大值和最小值
Search
Tel 移動端點擊時候會拉起數字鍵
Time
Url
Week
Html5表單新元素
Datalist:模糊查詢
Input list=”dalistID”
Datalist#dalistID>option
Keygen
Output
Html 表單驗證
Required 必填字段
Pattern 正則驗證,設置title為錯誤提示信息
Maxlength 輸入的最大長度
Minlength 輸入的最小長度
Min Max step必須input為number類型才能生效,min最小值,max最大值,step設置有效數字的間隔
setCustomValidity(“提示文字”) 自定義提示文字
H5地理定位系統:
Navigator:是瀏覽器內置對象,包含瀏覽器廠商支持哪些方法,瀏覽器的信息;
H5的拖放:
被拖動的對象 :屬性:draggable設置是否支持拖動 ondragstart開始拖動的時候執行的事件
放置的容器: ondrop丟放對象觸發的事件
Ondragover 當拖放的對象拖動到放置的容器上觸發的事件
H5的本地存儲
localStorage.setItem(“key”, value);
在本地存儲一個名為key值為value的一個數據
localStorage.getItem(“key”);//value
清除:
localStorage.Clear()會清空所有的本地存儲;
localStorage.removeItem(“key”)清空對應key這條數據
取出本地存儲的一個名為key的數據
sessionStorage.setItem(“key”,value);
sessionStorage.getItem(“key”);
區別:sessionStorage存儲的值當用戶關閉瀏覽器就會自動銷毀,但是localStorage存儲的值會一直存在,知道用戶手動清除;
Javascript變量在頁面關閉的時候會被全部銷毀,要在一個頁面取另一個頁面的值的時候是取不到的,那么這時候就要用到頁面間傳值的方法:
1.帶參數的a鏈接來實現傳值
2.本地存儲來傳值
行一行的吸引人
表單呀表單
W3C標準
World Wide WebConsortium(萬維網聯盟)
成立于1994.web技術領域,最具權威和影響力的國際中立性技術標準機構
http://www.w3.org/
http://www.chinaw3c.org/
W3C標準包括
結構化標準語言(HTML,XHTML,XML)
表現標準語言(CSS)
行為標準(DOM,ECMAScript)
編輯工具
>記事本
>Dreamweaver
>WebStorm (企業主流)
基本結構
<!doctype html><!--聲明規范-->
<html>
<head>
<title>標題標簽</title>
<meta charset="utf-8"><!--編碼方式-->
網頁頭部
</head>
<body>
網頁主體
顯示的網頁主題內容
</body>
</html>
===========================================================
網頁的基本標簽
>標題標簽
<h1>一級標簽</h1><!--一級標簽網頁中出現一次-->
<h2>二級標簽</h2>
<h3>三級標簽</h3>
<h4>四級標簽</h4>
<h5>五級標簽</h5>
<h6>六級標簽</h6>
>段落標簽
<p></p>
>換行標簽
<br/><!--注意是單標簽-->
>水平線標簽
<hr/>
>字體樣式標簽
<strong>字體加粗</strong>
<em>斜體</em>
>注釋以及特殊代碼
<!--注釋-->
空格  
大于號 >
小于號 <
引號 "
版權符號 ©
>圖像標簽
常見的圖像格式:JPG GIF PNG BMP
<img src="path圖像地址" alt="圖像代替的文字" title="鼠標懸停提示文字" width="圖像寬度" height="圖像高度"/>
>超鏈接標簽
<a href="path" target="_self ^ _blank">連接文本或頭像</a>
>錨鏈接標簽
實現由甲位置跳轉到乙位置
<a name="marker標簽名">乙位置</a>
<a hreaf="#marker指定的標簽>甲位置</a>
>功能性鏈接
<a href="mailto:324289335@QQ.com">聯系我們</a>
===========================================================
行內元素和塊元素
行內元素 排在一行
塊元素 獨占一行<p></p> <h1></h1>
===========================================================
列表
>有序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
>無序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
>定義列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
===========================================================
表格
特點
簡單通用
結構穩定
基本結構
行
列
單元格
<table border="寬度">
<tr><!--行-->
<th colspan="3"></th><!--colspan屬性是單元格跨列標題單元格字體加粗-->
</tr>
<tr>
<td rowspan="2"></td><!--rowspan屬性是單元格跨行-->
<td></td><!--列-->
<td></td>
</tr>
<tr><!--行-->
<td></td><!--列-->
<td></td>
</tr>
</table>
===========================================================
網頁中的媒體元素
如何實現在網頁上播放視頻和音頻
1,第三方自主開發的播放器
2,FLash
3,HTML5媒體元素
視頻元素
<video src="視頻路徑"controls></video>
<!--controls提供播放的控件-->
<video controls autoplay>
<!--autoplay是設置自動播放-->
<source src="視頻路徑" type=".MP4"/>
<source src="視頻路徑" type=".ogg"/>
</video>
音頻元素
<oudio src="視頻路徑"controls="controls"></video>
<!--controls提供播放的控件屬性值HTML5以后可以省略-->
<oudio controls autoplay>
<!--autoplay是設置自動播放-->
<source src="視頻路徑" type=".MP3"/>
<source src="視頻路徑" type=".wma"/>
</oudio>
===========================================================
iframe框架
<iframe name="名字" width="800px" height="150px"/>
===========================================================
表單
表單元素
<input name="名字"method="post提交的方式" action="發送的地址">
>單選按鈕 type="radio"
<from>
<input name="名字1"type="radio單選按鈕值" value="選擇值" checked默認選中>
<input name="名字1"type="radio單選按鈕值" value="選擇值" checked默認選中>
</from>
-----------------------------------------------------------
>復選框 type="checkbox"
<from>
<input name="名字" type="checkbox" value="選擇值1" checked默認選中/>提示1
<input name="名字" type="checkbox" value="選擇值2" checked默認選中/>提示2
<input name="名字" type="checkbox" value="選擇值3" checked默認選中/>提示3
</from>
-----------------------------------------------------------
>下拉列表框
<select name="列表名稱" size="行數">
<option value="選項的值" selected>選項</option>
<option value="選項的值">選項</option>
</select>
-----------------------------------------------------------
按鈕
>重置按鈕type="reset"
>提交按鈕type="submit"
>button按鈕
>圖片按鈕 type="image"
>文件域 type="file"
>郵箱type="emil"
>網址type="url"
>數字 type="number"
>滑塊 type="range"
>搜索框 type="search"
表單元素的語法
method和action屬性
常見的表單元素
input(text、password、radio、checkbox、submit、reset、email、url、number、range、search)、select、textare
===========================================================
表單的高級應用
>隱藏<input name="名字" type="text" value="值1" readonly/>
>禁用<input type="submit" value="保存" disabled/>
>標注
<label for="male">男</label>
<input type="radio" name="gender" id="male"/>
<label for="">女</label>
<input type="radio" name="gender" id="female"/>
===========================================================
表單的初級驗證
1,減輕服務器的壓力
2,保證數據的可行型和安全性
>初級驗證的方法
>placeholder屬性(提示信息)
>required屬性(必填項)
>pattern屬性(符合正則表達式)
閩南網]
- 中國網財經1月1日訊 2019年1月1日起,納稅人計算個稅應納稅所得額時,在5000元基本減除費用扣除和“三險一金”等專項扣除外,還可以享受子女教育、繼續教育、大病醫療、住房貸款利息或住房租金,以及贍養老人等6項專項附加扣除。前兩天中國網財經已經推出了“元旦三天讀懂個稅專扣系列”的“政策篇”和“解惑篇”,為大家詳細講解了六項扣除該怎么扣以及各種特殊情況的處理方式,今天本篇“操作篇”將手把手、超細心地教你如何填寫“個稅專項附加扣除信息表”。
- 個稅專項附加扣除信息表怎么填?
- 第一,填報方式
- 1,下載手機App“個人所得稅”填寫(將在12月31日開通,現在已經可以下載);
- 2,登錄各省(區、市)電子稅務局網站填寫;
- 3,填寫電子信息表;
- 4,填寫紙質信息表。
- 四種方式需要收集的信息相同,以紙質報表為例,如下:
- (點擊查看大圖)
- 第二,“個人所得稅”手機APP和專扣電子模板哪里下載?
- 【“個人所得稅”手機APP下載】:納稅人登錄本省電子稅務局網站,通過瀏覽器掃描二維碼,下載“個人所得稅”手機APP。2018年12月31日起,納稅人可以通過“個人所得稅”手機APP申報個人所得稅專項附加扣除。
- 【專扣電子模板下載】:多種渠道。可以從各地稅務機關的門戶網站或電子稅務局網站下載,或者登錄自然人稅收管理系統扣繳客戶端,進入專項附加扣除信息采集菜單,選擇其中任意一項專項附加扣除入口,點擊導入按鈕,選擇模板下載,即可下載最新的電子模板。
- 稅務總局下載地址:http://www.chinatax.gov.cn/n810219/n810744/n3752930/n3761918/c3964578/content.html
- 第三,下載好了各項信息怎么填?
- 手把手教你每一個空怎么填,權威超詳細填表說明,點以下鏈接可直接獲取,部分信息如下圖。http://hd.chinatax.gov.cn/guoshui/action/ShowAppend.do?id=16363
- 第四,特別提醒納稅人:1.電子模板中的必填項目必須填寫完整。2.不要修改、刪除和調整電子模板的字段及字段格式。3.請使用2007及以上版本的Excel軟件填寫電子模板。
- 填報易錯“五提醒”
- 第一,請使用2007及以上版本的Excel軟件,填寫電子模板。
- 如果您在填寫專項附加扣除信息電子模板時使用的Excel版本過低,將出現提示內容顯示不全、打印內容不完整和部分內容無法填寫等問題。之所以使用2007及以上版本的Excel軟件填寫電子模板,主要是為了方便大家更好地理解并準確填寫相關內容,電子模板中增加了必要的提示和規則校驗,而這些提示和校驗只有在較高版本的Excel中才能使用。因此,建議您使用2007及以上版本的Excel軟件填寫專項附加扣除電子模板。
- 第二,在填寫電子模板時,請務必注意帶“*”號欄次,并全部填寫完整。
- 電子模板中帶“*”號欄次,是必填項。這些欄次一方面用于計算您截至目前可以享受的專項附加扣除總額;另一方面用于事后核驗需要。如果您漏填了,導入扣繳端軟件時,系統將給出“[XXX]文件導入失敗,XX頁簽:XX項目未填寫,請檢查”的提示。
- 如,納稅人在填寫子女教育支出時,比較多容易漏填“當前就讀學校”或者“本人扣除比例”等信息。如果這些信息漏填,將無法將子女教育支出相關信息導入扣繳客戶端,也就無法享受該項扣除。遇到該情況,可以請單位辦稅人員檢查后告知需要補充填寫漏填事項。
- 第三,請在提交電子模板前,檢查文件能否正常打開。
- 如果您提交給扣繳單位的專項附加扣除信息電子模板未保存好、已損壞,系統將會出現“[XXX]文件導入失敗:文件讀取失敗”的提示(如下圖),遇到這種情況,請重新拷貝并確認可以打開后提交扣繳單位導入。
- 第四,單位在導入電子模板前,扣繳端軟件中需已經存在該納稅人的基礎信息。
- 如果單位使用全國統一免費的扣繳客戶端軟件中,前期沒有錄入過相關納稅人的基礎信息,則在導入該納稅人填報的專項附加扣除信息電子模板時,系統會提示“[XXX]文件導入失敗,納稅人信息在系統中不存在,無法導入”(如下圖)。
- 【解決方法】是扣繳義務人先在扣繳客戶端“人員信息采集”菜單中增加納稅人信息后,再導入專項附加扣除模板。
- 第五,如您沒有填寫任何一項專項附加扣除信息,則無需填報電子模板。
- 如果納稅人提交一份空白電子模板,則在導入時系統會給出“以下文件無可導數據:[XXX]文件無法導入:Excel文件中無可導入數據”的提示。請單位向納稅人確認是否漏填;如果納稅人確實沒有可享受的專項附加扣除信息,則無需填寫電子模板。
-
- 填完表然后呢?
- 填完“專扣”信息表之后,報送信息方面,納稅人有兩個選擇:
- 第一,在扣繳單位辦理扣除。直接將紙質或者電子表格提交給財務或人力資源部門,也可以通過手機App或網頁填寫后推送給扣繳單位。
- 第二,直接向稅務機關申報。可以在第二年辦理匯算清繳時將有關信息提供給稅務機關后辦理退稅。
- 值得注意的是,除了大病醫療是限額據實扣除外,其他項目都是定額扣除,納稅人只需把個人基本情況告訴所在單位,單位在計算其應納稅額時就可以一并扣除。
- 當月沒有來得及提交扣除信息的也不用著急,現在已經是綜合征收了,您只要在當年內把信息提交給單位,單位會給您辦理補充扣除。也可以選擇在第二年的匯算清繳期(3.1-6.30)自行向稅務機關報送。
- 特別提醒:填完表要留資料
- 第一,留存時間:在次年的匯算清繳期(即次年 3 月 1 日至 6 月 30日)結束后五年內。
- 第二,各項留存資料:
- 1,孩子在境外接受教育的,需要家長留存境外學校錄取通知書和留學簽證等相關教育資料;
- 2,職業資格繼續教育,要留存技能人員、專業技術人員職業資格證書等;
- 3,住房貸款利息,要留存住房貸款合同、貸款還款支出憑證等;
- 4,住房租金,要留存住房租賃合同或協議等;
- 5,贍養老人,采取約定或指定分攤的,需留存分攤協議;
- 6,大病醫療,需要患者醫藥服務收費及醫保報銷相關票據原件或復印件或者醫療保障部門出具的醫藥費用清單等。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。