2024年-HTML完整教程学习课件_第1页
2024年-HTML完整教程学习课件_第2页
2024年-HTML完整教程学习课件_第3页
2024年-HTML完整教程学习课件_第4页
2024年-HTML完整教程学习课件_第5页
已阅读5页,还剩110页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

<HTML5>培训教程12024/5/5什么是HTML5?

HTML5是一个新的网络标准,现在仍处于发展阶段。目标是取代现有的HTML

4.01和XHTML

1.0标准。它希望能够减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依赖,并且提供更多能有效增强网络应用的API。22024/5/5HTML5时间表32024/5/5HTML5的八大新特性语义离线存储设备通用连接多媒体三维、图形与特效性能与集成CSS342024/5/5语义52024/5/5思考:什么是语义化?语义化:是指用合理HTML标记以及其特有的属性去格式化文档内容。

通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解.

语义化的(X)HTML文档有助于提升你的网站对访客的易用性,比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说,则有助于它们建立索引,并可能给予一个较高的权值。62024/5/5简化的文档类型和字符集

<!DOCTYPE>声明位于HTML文档中的最前面的位置,它位于<html>标签之前。该标签告知浏览器文档所使用的HTML或XHTML规范。在HTML4中,<!DOCTYPE>标签可以声明三种DTD类型,分别表示严格版本(Strict)、过渡版本(Transitional)和基于框架(Frameset)的HTML文档。7HTML5的<!DOCTYPE>标签

<!DOCTYPEHTML>8HTML5的字符集

HTML5的字符集也得到了简化,只需要使用UTF-8即可,使用一个meta标记就可以指定HTML5的字符集,代码如下:<metacharset="UTF-8">9HTML5的字符集

HTML5的字符集也得到了简化,只需要使用UTF-8即可,使用一个meta标记就可以指定HTML5的字符集,代码如下:<metacharset="UTF-8">10语义化的文档标签HTML5的设计者们认为网页应该像XML文档和图书一样有结构。通常,网页中有导航、网页体内容、工具栏、页眉和页脚等结构。HTML5中增加了一些新的标记以实现这些网页结构,这些新标记及其定义的网页布局112024/5/5十个常用的新标签列表<article>定义文章<aside>定义文章的侧边栏<figure>一组媒体对象以及文字<figcaption>定义figure的标题<footer>定义页脚<header>定义页眉<nav>定义导航<section>定义文档中的区段<time>定义日期和时间被弃用的标签:<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<s>、<isindex>、<noframes>、<frameset>、<strike>、<tt>、<u>和<xmp>。122024/5/5<header>标签

<header>标签用于定义文档的页眉(介绍信息)。使用<header>标签的例子。<header><h1>欢迎光临我的网站</h1><p>我是黑龙江傲立</p></header><p>网页的其他部分...</p>13

<nav>标签<nav>标签用于定义导航链接。【例1-17】使用<nav>标签的例子。<header><h1>欢迎光临我的网站</h1><p>我是黑龙江傲立</p></header><nav><ahref="index.asp">首页</a><ahref="intro.asp">简介</a><ahref="contact.asp">联系方式</a></nav><p>网页的其他部分...</p><footer>本文档创建于2012-10-07</footer>14

<nav>标签示例15<section>标签

<section>标签用于定义文档中的区段,例如章节、页眉、页脚或文档中的其他部分。使用<section>标签的例子。<section><h1>HTML5</h1><p>HTML5是最新的HTML标准...</p></section>16<article>标签

<article>标签用于定义文章或网页中的主要内容。使用<article>标签的例子。<article>微软在发布WindowsPhone8时曾表示,移动版IE10在HTML5上比起IE9将会有长足的进步,看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试,我们可以看到,IE10的成绩是IE9的两倍有余。</article>17<aside>标签

<aside>标签用于定义主要内容之外的其他内容。使用<aside>标签的例子。<p>微软在发布WindowsPhone8时曾表示,移动版IE10在HTML5上比起IE9将会有长足的进步,看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试,我们可以看到,IE10的成绩是IE9的两倍有余。</p><aside><h4>HTML5</h4>HTML5是最新的HTML标准。目前HTML5的标准草案已进入了W3C制定标准5大程序的第1步。预期要到2022年才会成为W3C推荐标准。HTML5无疑会成为未来10年最热门的互联网技术。</aside>18

aside标签示例19

<figure>标签<figure>标签用于定义独立的流内容(图像、图表、照片、代码等等)。使用<figcaption>元素为figure添加标题。<figure>

<figcaption>黄浦江上的的卢浦大桥</figcaption><p>拍摄者:W3School项目组,拍摄时间:2010年10月</p><imgsrc="img/shanghai_lupu_bridge.jpg"width="350"height="234"/></figure>20

<figure>标签示例21

<footer>标签<footer>标签用于定义区段(section)或文档的页脚。通常,该元素包含作者的姓名、文档的创作日期或者联系方式等信息。使用<footer>标签的例子。<footer><p>Postedby:W3School</p><p>Contactinformation:<ahref="mailto:someone@">someone@</a>.</p></footer>22

<footer>标签示例23

一个综合示例<header><h1>网页标题</h1><h2>次级标题</h2><h4>提示信息</h4></header><divid="container"><nav><h3>导航</h3><ahref="#">链接1</a><ahref="#">链接2</a><ahref="#">链接3</a></nav><section><article><header><h1>文章标题</h1></header><p>文章内容</p><footer><h2>文章注脚</h2></footer></article></section><aside><h3>相关内容</h3>

<p>相关辅助信息或者服务</p></aside><footer><h2>页脚</h2></footer></div></body>24

25

HTML5的新增内联元素1.<mark>标签2.<time>标签3.<meter>标签4.<progress>标签26

<mark>标签<mark>标签用于定义带有记号的文本。使<mark>标签的例子。<p>目前<mark>HTML5</mark>的标准草案已进入了W3C制定标准5大程序的第1步。预期要到2022年才会成为W3C推荐标准。</p>27

<mark>标签示例28

<time>标签<time>标签用于定义公历的时间(24小时制)或日期,时间和时区。<time>标签的属性如下:

datetime,用于指定日期/时间。如果不指定此属性,则元素的内容给定日期/时间。其语法格式如下:<timedatetime="YYYY-MM-DDThh:mm:ssTZD">

pubdate,用于指定指示<time>元素中的日期/时间是文档(或最近的前辈<article>元素)的发布日期。其语法格式如下:<timepubdate="pubdate">29

<time>标签示例使<time>标签的例子。<p>2013年春节是<time>2013-02-10</time></p><p>2013年<timedatetime="2013-02-10">春节</time></p><p><timepubdate="pubdate"></time></p>目前所有主流浏览器都不支持<time>标签。30

<meter>标签<meter>标签用于定义度量衡。仅用于已知最大和最小值的度量。浏览器会使用图形方式表现<meter>标签。<meter>标签的属性说明如下:

high,定义度量的值位于哪个点,被界定为高的值。

low,定义度量的值位于哪个点,被界定为低的值。

max,定义最大值。默认值是1。

min,定义最小值。默认值是0。

optimum,定义什么样的度量值是最佳的值。如果该值高于"high"属性,则意味着值越高越好。如果该值低于"low"属性的值,则意味着值越低越好。value定义度量的值。目前IE浏览器不支持<meter>标签。31

<meter>标签<meter>标签的例子。<metermin="0"max="20"value="5"></meter><metervalue="0.1"></meter><metervalue="0.3"optimum="1"high="0.9"low="0.1"max="1"min="0"></meter><span>30%</span><metermin="0"max="100"value="80"></meter><metermin="0"max="100"value="100"></meter>32

<meter>标签示例ChromeIEEdge33

<progress>标签<progress>标签用于定义定义一个进度条。它的属性说明如下:

max,定义完成的值。value,定义进度条的的当前值,如果不指定value值,则显示一个动态的进度条。InternetExplorer9以及更早的版本浏览器不支持<progress>标签。34

<progress>标签使用<progress>标签的例子。下载进度:<progressvalue="85"max="100"></progress><spanid="objprogress">85</span>%<br>处理中,请稍候:<progress></progress>35

<progress>标签示例36

支持动态页面1.菜单2.右键菜单3.在<script>标签中使用async属性4.<details>标签37

<menu>标签在HTML5中,可以使用<menu>标签定义菜单,多用于表单中组织控件列表。<menu>标签的常用属性如表1-3所示。属性说明autosubmit如果为true,那么当表单控件改变时会自动提交label文档的背景色type定义显示那种类型的菜单。可选值为"context"、"toolbar"和"list",默认值是"list"38

<menu>标签示例<menutype="toolbar"><li><menulabel="File"><buttontype="button"onclick="file_new()">新建</button><buttontype="button"onclick="file_open()">打开</button><buttontype="button"onclick="file_save()">保存</button></menu></li><li><menulabel="Edit"><buttontype="button"onclick="edit_cut()">剪切</button><buttontype="button"onclick="edit_copy()">复制</button><buttontype="button"onclick="edit_paste()">粘贴</button></menu></li></menu>39

<menu>标签示例40

使用<menuitem>标签定义菜单项<menuitem>标签的常用属性如表所示。属性说明label菜单项的标题icon菜单项前面显示的图标onclick指定单击此菜单项时执行的JavaScript代码目前仅Firefox8.0以及更高的版本支持<menuitem>标签。41

使用<menuitem>标签定义菜单项HTML5支持在网页中创建和使用自定义的右键菜单。在网页元素中可以使用contextmenu属性指定此元素使用的右键菜单。<imgsrc="img/shanghai_lupu_bridge.jpg"draggable="true"contextmenu="menu"/>42

<menuitem>标签示例<body><divstyle="background:yellow;border:1pxsolid#cccccc;padding:10px;"contextmenu="mymenu"><p>请在框中右键点击,就可以看到快捷菜单!</p><menutype="context"id="mymenu"><menuitemlabel="Refresh"onclick="window.location.reload();"icon="ico_reload.png"></menuitem><menulabel="Shareon..."><menuitemlabel="Twitter"icon="ico_twitter.png"onclick="window.open('///intent/tweet?text='+window.location.href);"></menuitem><menuitemlabel="Facebook"icon="ico_facebook.png"onclick="window.open('///sharer/sharer.php?u='+window.location.href);"></menuitem></menu><menuitemlabel="EmailThisPage"onclick="window.location='mailto:?body='+window.location.href;"></menuitem></menu></div><p>本例只在Firefox中有效!</p></body>43

<menuitem>标签示例44

Script脚本异步加载(无阻塞并发处理)async属性是HTML5的新属性。在<script>标签中使用async属性可以指定异步执行指定的脚本。也就是在加载网页的同时执行指定的脚本。如果不指定async属性,正常情况下,当浏览器在解析HTML源文件时如果遇到外部的script,那么解析过程会暂停,并发送请求来下载script文件,只有script完全下载并执行后才会继续执行DOM解析。45

演示一个传统的执行JavaScript脚本的例子。<!DOCTYPEhtml><html><body><scripttype="text/javascript"src="js/new_file.js"></script><pid="p1">HelloWorld!</p></body></body></html>46

47

需要等到外部脚本加载完成执行后,才加载剩余网页部分48

使用async属性异步执行JavaScript脚本的例子。<!DOCTYPEhtml><html><body><scripttype="text/javascript"src="js/new_file.js"async="async"></script><pid="p1">HelloWorld!</p></body></html>49

50

并发执行51

<details>标签<details>标签用于描述文档或文档某个部分的细节。<details>标签描述文档细节的例子。<!DOCTYPEHTML><html><body><details><summary>数据库文档说明.</summary><p>本文档用于描述数据库结构.由开发部数据库小组维护。最后修改于2012-10-15</p></details></body></html>52

<details>标签53/articles/4582/html5-forms-example.html拾色器<inputtype="color"value="#ed1c24">日期字段<inputtype="date"min="2010-12-16"/>时间字段

<inputtype="time"step="1800"/>数字字段<inputtype="number"min="1"max="10"value="1">滑动组件<inputtype="range"min="1"max="10"value="1">类型匹配<inputtype="email"/><inputtype="url"/>除了这些,还有…搜索<inputtype="search"/>进度条<progressvalue="25"max="100">25%</progress>密钥<keygenname="abcdefg">输出10+5=<outputname="sum"></output>Andsoon…正则匹配<inputtype="text"pattern="[0-9]{10}">必填字段<inputtype="text"required/>选项列表<inputtype="text"list="mydata"><datalistid="mydata"><optionlabel="Mr"value="Mister"><optionlabel="Mrs"value="Mistress"><optionlabel="Ms"value="Miss"></datalist>增强的表单控件542024/5/5

HTML5表单-新的Input类型emailurlnumberrangeDatepickers(date,month,week,time,datetime,datetime-local)searchcolor55

Input类型-emailemail类型用于应该包含e-mail地址的输入域。在提交表单时,会自动验证email域的值。<inputtype="email"name="user_email"/>56

Input类型-urlurl类型用于应该包含URL地址的输入域。在提交表单时,会自动验证url域的值。Homepage:<inputtype="url"name="user_url"/>57

Input类型-numbernumber类型用于应该包含数值的输入域。还能够设定对所接受的数字的限定:属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔(如果step="3",则合法的数是-3,0,3,6等)valuenumber规定默认值58

Input类型–number(一般限定)Points:<inputtype="number"name="points"min="1"max="10"/>59

Input类型–number(多限定)<inputtype="number"name="points"min="0"max="10"step="3"value="6"/>60

Input类型-rangerange类型用于应该包含一定范围内数字值的输入域。range类型显示为滑动条。还能够设定对所接受的数字的限定:属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔(如果step="3",则合法的数是-3,0,3,6等)valuenumber规定默认值61

Input类型-range<inputtype="range"name="points"min="1"max="10"/>62

Input类型-DatePickers(日期选择器)HTML5拥有多个可供选取日期和时间的新输入类型:date-选取日、月、年month-选取月、年week-选取周和年time-选取时间(小时和分钟)datetime-选取时间、日、月、年(UTC时间)datetime-local-选取时间、日、月、年(本地时间)63

Input类型-DatePickers(日期选择器)<inputtype="date"name="user_date"/>64

Input类型-DatePickers(日期选择器)Week:<inputtype="week"name="user_date"/>Month:<inputtype="month"name="user_date"/>Time:<inputtype="time"name="user_date"/>Dateandtime:<inputtype="datetime"name="user_date"/>Dateandtimelocal:<inputtype="datetime-local"name="user_date"/>65

Input类型-DatePickers(日期选择器)66

Input类型-searchsearch类型用于搜索域,比如站点搜索或Google搜索。search域显示为常规的文本域。<inputtype="search"name="user_search"placeholder="SearchW3School"/>67

Input类型-teltel类型用于应该包含手机号码的输入域。在提交表单时,配合属性设置后,会自动验证tel域的值。<inputtype="tel"name="tel1"/>68

Input类型-color<inputtype="color"name="color1"/>color类型用于颜色拾取。69

Input类型-color70

HTML5表单-HTML5表单元素HTML5拥有若干涉及表单的元素和属性。datalistkeygenoutputInputtypeIEFirefoxOperaChromeSafaridatalist1143.X3445NokeygenNo43.X3445NooutputNoNo9.5NoNo浏览器支持71

HTML5表单元素-datalist元素datalist元素规定输入域的选项列表。列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域,请用输入域的list属性引用datalist的id:Webpage:<inputtype="url"list="url_list"name="link"/><datalistid="url_list"><optionlabel="W3School"value="http://www.W3S"/><optionlabel="Google"value=""/><optionlabel="Microsoft"value=""/></datalist>option元素永远都要设置value属性。72

HTML5表单元素-datalist元素73

HTML5表单元素-keygen元素keygen元素的作用是提供一种验证用户的可靠方法。keygen元素是密钥对生成器(key-pairgenerator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。私钥(privatekey)存储于客户端,公钥(publickey)则被发送到服务器。公钥可用于之后验证用户的客户端证书(clientcertificate)。<formaction="demo_form.asp"method="get">Username:<inputtype="text"name="usr_name"/>Encryption:<keygenname="security"/><inputtype="submit"/></form>74

HTML5表单元素-keygen元素75

HTML5表单元素-output元素output元素用于不同类型的输出,比如计算或脚本输出:<scripttype="text/javascript">functionmulti(){a=parseInt(prompt("请输入第1个数字。",0));b=parseInt(prompt("请输入第2个数字。",0));document.forms["form"]["result"].value=a*b;}</script></head><bodyonload="multi()"><formaction="/testform.asp"method="get"name="form">两数的乘积为:<outputname="result"></output></form>76

HTML5表单元素-output元素77

HTML5表单元素-output元素78

HTML5表单-HTML5表单属性HTML5新的表单属性。本次只涉及<form>和<input>元素的新属性。新的form属性:autocompletenovalidate新的input属性:autocompleteautofocusformformoverrides(formaction,formenctype,formmethod,formnovalidate,formtarget)height和widthlistmin,max和stepmultiplepattern(regexp)placeholderrequired79

新的form属性-autocomplete属性autocomplete属性。autocomplete属性规定form或input域应该拥有自动完成功能。autocomplete适用于<form>标签,以及以下类型的<input>标签:text,search,url,telephone,email,password,datepickers,range以及color。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项。在某些浏览器中,需要启用自动完成功能,以使该属性生效。80

新的form属性-autocomplete属性<formaction="demo_form.asp"method="get"autocomplete="on">Firstname:<inputtype="text"name="fname"/><br/>Lastname:<inputtype="text"name="lname"/><br/>E-mail:<inputtype="email"name="email"autocomplete="off"/><br/><inputtype="submit"/></form>81

新的form属性-autocomplete属性82

新的form属性-autocomplete属性83

新的form属性-autofocus属性autofocus属性。autofocus属性规定在页面加载时,域自动地获得焦点。注释:autofocus属性适用于所有<input>标签的类型。<inputtype="text"name="user_name"autofocus="autofocus"/>84

新的form属性-autofocus属性85微数据(Microdata)一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而要让机器知会特定内容含义,我们就需要使用规定的标签和属性。HTML5微数据规范是一种标记内容以描述特定类型的信息,例如评论、人物信息或事件。每种信息都描述特定类型的项,例如人物、事件或评论。例如,事件可以包含venue、startingtime、name和category属性。/webmasters/bin/answer.py?hl=zh-Hans&answer=176035<div><metaitemprop="rating"content="4">评分:四星商户

<spanitemprop="count">618</span>封点评</div>862024/5/5离线存储872024/5/5Web存储(WebStorage)HTML5提供了两种在客户端存储数据的新方法:localStorage-用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期。sessionStorage-用于存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问,当会话结束后数据也随之销毁。以前,这些都是由Cookie完成的。但是Cookie有4KB的大小限制,而且会随HTTP请求一起被传递,无形中拖慢网页速度而且效率不高。localStorage.length;localStorage.key(index);localStorage.setItem('foo','bar');localStorage.getItem('foo');localStorage.removeItem('foo');localStorage.clear();882024/5/5IndexedDataBase对于存储少量的数据,WebStorage能够很好的完成任务,但是对大量的结构化数据进行处理时,它就力所不及了,而这正是IndexedDB的应用所在。

IndexedDB严格遵循W3C的同源策略,每个源都拥有独立的存储空间,每个存储空间内又可以创建多个数据库,每个数据库可以包含多个表,每个表都是一个json对象列表,可以存储多个json对象,比如{"name":"sonic","age":27}。892024/5/5ApplicationCache使用ApplicationCache,你可以指定哪一个文件是浏览器缓存保留的并提供给用户离线使用的。这时候你的网站工作起来就像是线上一样,并且他们不会感觉到和真正在线使用有任何差异。那么,哪一部分文件是浏览器要保存的呢?这一切都定义在缓存清单文件中。<htmlmanifest="cache.appcache">CACHEMANIFEST

#version1.0.0

#缓存—定义了哪些资源是浏览器可以缓存的

CACHE:

/html5/src/logic.js

/html5/src/style.css

/html5/src/background.png

#网络—定义了哪些资源是需要用户在线才能使用的NETWORK:

*902024/5/5设备通用912024/5/5拖拽与拖放(Drag&Drop)与文件处理(FileAPI)过去我们想实现网页中的拖拽效果,基本上都是使用DOM事件模型中的mousedown、mousemove、mouseup的鼠标事件监听来模拟拖拽效果,为了实现实时的拖拽移动效果,还要不停地获取鼠标的坐标,不停的修改元素的位置,代码要堆很多,而且性能也很差,现在有了HTML5原生的Drag&Drop拖拽事件,再结合FileAPI中的FileReader,一切变得soeasy~922024/5/5连接932024/5/5WebSocket现在,很多网站为了实现即时通讯,所用的技术都是轮询。这种模式需要浏览器不断的向服务器发出请求,然而HTTP请求的header信息是非常长的,这样会占用很多的带宽和服务器资源。WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型。能更好的节省服务器资源和带宽并达到实时通讯。在WebSocketAPI中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。942024/5/5桌面通知(Notifications)通过桌面通知系统,网站可以在用户桌面弹出一条通知,无论用户是否浏览当前网页,甚至最小化了浏览器,通知均可到达用户桌面。if(window.webkitNotifications.checkPermission()==0){vartitle='领跑HTML5支持傲游升级自主内核',text='桌面通知时HTML5的独门秘籍';window.webkitNotifications.createNotification('',title,text).show();}952024/5/5多媒体962024/5/5音频和视频(Audio+Video)Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。<audiosrc="sound.mp3"controls></audio><videosrc="movie.webm"autoplaycontrols></video>972024/5/5三维、图形与特效982024/5/5Canvas画布元素传统的网页,总是使用GIF或者JPEG来显示图像,这种图形是需要事先画好的“静态”的图像。而Canvas,则是用Javascript的一种绘图手段。可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。<canvasid="canvas"width="300"height="300"></canvas><script>varctx=document.getElementById("canvas").getContext("2d");ctx.fillRect(20,25,150,100);

ctx.beginPath();ctx.arc(220,110,100,Math.PI*1/2,Math.PI*3/2);ctx.lineWidth=15;ctx.lineCap='round';ctx.strokeStyle='rgba(255,127,0,0.5)';ctx.stroke();</script>992024/5/5WebGLWebGL是一种3D绘图标准,有别于过往需加装浏览器插件,透过WebGL的技术,只需要编写网页代码即可实现3D图像的展示。WebGL完美地解决了现有的Web交互式三维动画的两个问题:第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件支持;第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。1002024/5/5性能与集成1012024/5/5XMLHttpRequest2作为XMLHttpRequest的改进版,XMLHttpRequestLevel2在功能上有了很大的改进。支持跨源XMLHttpRequest和进度事件(Progressevents)。计算上传进度:xhr.upload.addEventListener("progress",function(e){ varpc=parseInt(100–(e.loaded/e.total*100)); progress.style.backgroundPosition=pc+"%";}1022024/5/5CSS31032024/5/5CSS选择器(CSSSelector)属性选择器E[att^="val"]匹配属性att的值以"val"开头的元素E[att$="val"]匹配属性att的值以"val"结尾的元素E[att*="val"]匹配属性att的值包含"val"字符串的元素结构性伪类E:nth-chi

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论