整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html5的一些基础

html5的一些基础

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>

>注释以及特殊代码

<!--注释-->

空格 &nbsp

大于号 &gt

小于号 &lt

引号 &quot

版权符号 &copy

>图像标签

常见的图像格式: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,大病医疗,需要患者医药服务收费及医保报销相关票据原件或复印件或者医疗保障部门出具的医药费用清单等。