很少人会去注意 doctype ,但在遵循标准的任何Web文档中,它都是一项必需的元素。doctype会影响代码验证,并决定了浏览器最终如何显示你的 Web文档。 DOCTYPE的作用是什么?...制作一个符合标准的网页,DOCTYPE声明是是不可缺少的,它在Web设计中用来说明你用的XHTML或者HTML是什么版本,如果不做DOCTYPE声明或声明不正确的情况下,将有可能导致你的标识与CSS失效...我们还可以通过W3C提供的验证工具来检查页面的内容是否符合在DOCTYPE中声明的标准。 常见问题 如果不声明doctype会发生什么?如何解决?...这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat, 这也就是怪异的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式...请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档! HTML <!
XML 是 W3C 的推荐标准 W3School官方文档:http://www.w3school.com.cn/xm......在XML中,拥有单个标记而没有匹配的结束标记的元素必须用一个/ 字符作为结尾。这样分析器就知道不用查找结束标记了。 在XML中,属性值必须分装在引号中。在HTML中,引号是可用可不用的。...在HTML中,可以拥有不带值的属性名。在XML中,所有的属性都必须带有相应的值。 在XML文档中,空白部分不会被解析器自动删除;但是html是过滤掉空格的。...设计目标不同 XML被设计为传输和存储数据,其焦点是数据的内容。 HTML显示数据以及如何更好显示数据。 XML的节点关系 1、父(parent) 每个元素以及属性都有一个父。...> fifth item # 注意,此处缺少一个 闭合标签
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。...W3C 在他们的推荐标准中已删除这些属性。应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。...改变所有的元素为小写关闭所有的空元素修改所有的属性名称为小写所有属性值添加引号HTML媒体辅助应用程序(helper application)是可由浏览器启动的程序。辅助应用程序也称为插件。... 元素已经出现很长一段时间了,但是在 HTML5 前并未被详细说明,该元素在 HTML 5 页面上会被验证,在 HTML 4 上不会(这是一个 HTML5 标签,在 HTML4 中是非法的...[endif]-->针对IE浏览器html5shiv 是比较好的解决方案。
high number 规定被视作高的值的范围。 low number 规定被视作低的值的范围。 max number 规定范围的最大值。...,在不支持的浏览器中效果为 漢(ㄏㄢˋ) 。元素标识注音,仅当浏览器支持时显示;元素标识当浏览器不支持时显示的内容。...IE9和其他现代浏览器对于不支持的标签,也可以通过元素选择器匹配相应的标签,同时样式规则的应用也与正常的无异。 2....解决方案 注意,这里的解决方案仅仅只能解决上一小节所罗列问题的①、②和③。...@*/0 2.2. html5shiv——更全面的解决方案(html5shiv@github) 2.1.中的解决方案无法解决通过innerHTML属性设置HTML5标签时出现的问题,而html5shiv
仅仅是狭义的概念。h5草案前身叫做web application 由WHATWG组织编写,在2007年提交到了w3c,w3c起名叫做HTML5。...广义上:新一代开发web富客户端应用程序整体解决方案 富客户端:很强交互和用户体验。 文档结构--文档样式--文档交互 html5=html+css+JavaScript 。...选择器 字体 文本 透明度 圆角 线性、径向渐变 背景 边框图片 盒子模型 过渡 动画 简单介绍新增的JavaScript api 基础的api:新的选择器 Element.classList...与 input 元素配合使用,来定义 input 可能的值。...该元素用于摘录引用等 应该与页面的主要内容区分开的其他内容 Open 属性默认展开 details 元素的标题 <summary
首发:krissarea.gitee.io 作者:陈大鱼头 github: KRISACHAN 上一篇分享了CSS的逻辑属性与盒子模型中分享了一些有关设备屏幕的知识以及浏览器视口的坐标构成。...我们来看看在 标签中可添加的专属属性有哪些: 属性 值 描述 manifest url 定义一个 URL,在这个 URL 上描述了文档的缓存信息。...属性 值 描述 href URL 规定页面中所有相对链接的基准 URL。(必选) target blank parent _self_topframename 在何处打开页面中所有的链接。... 主要用于style文件引入 属性 值 描述 charset char_encoding HTML5 中不支持。 href URL 规定被链接文档的位置。... 的属性对象如下: 属性 描述 content 设置或返回 元素的 content 属性的值。 http-equiv 把 content 属性连接到一个 HTTP 头部。
(3) History对象(历史对象) 七、js的DOM 1、理解文档对象模型 2、dom方法和属性 (1) 通过元素的id属性获得元素节点对象...(2) 通过元素的name属性获得元素节点对象的集合 (3) 通过标签名称获得元素节点对象的集合 (4) 查看元素节点是否含有子节点...; // 在间隔多少毫秒值后去执行某函数,一直执行(多次执行) clearInterval(定时器的名称); // 清除定时器 (js开发中常用以上这两个函数...// 测试该数据的长度 alert(inputNodes.length); // 3 // 遍历元素,输出所有value属性的值...alert(node.nodeValue); // null 元素节点返回null,属性节点返回属性的值,文本节点返回文本节点的内容 // <p
true或者空字符串,表明元素是可被编辑的; false,表明元素不能被编辑。 data-*:自定义数据属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力。...由于缺乏目标资源要求的身份验证凭证,发送的请求未得到满足。在该情况下,依然可以进行身份验证。 服务器端有能力处理该请求,但是拒绝授权访问。...该访问是永久禁止的,并且与应用逻辑密切相关(例如不正确的密码)。 服务器端无法找到所请求的资源。...丢失 说明请求的内容在服务器上不存在了,同时是永久性的丢失。 表示由于缺少确定的Content-Length 首部字段,服务器拒绝客户端的请求。...属性src与href的区别 src是source的缩写。
400(错误请求-错误URL) 这表明服务器无法处理请求,因为输入的URL格式不正确(例如,缺少括号,斜杠等)。 400(错误请求-超时) 这表明HTTP请求已超时。...验证为响应上一步中发送的请求而收到的相应响应代码。 根据服务器发送的响应代码验证链接是否断开。 对页面上存在的每个链接重复步骤(2-4)。...通过CSS选择器“ a”属性找到Web元素,可以找到被测URL上存在的链接(即cnds博客)。...3.遍历URL以进行验证 请求模块的head方法用于将HEAD请求发送到指定的URL。该get_attribute方法的每一个环节上用于获取“ HREF ”锚标记的属性。...当head方法应用于不包含“ href”属性的链接(例如mailto,电话等)时,将导致异常(即MissingSchema,InvalidSchema)。
,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化 3. src 和 href 的区别 src和href都是HTML中特定元素的属性,都可以用来引入外部的资源。...但是可以通过JS动态给ifame添加src属性值来解决这个问题,当然也可以解决iframe会阻塞主页面的Onload事件的问题 会产生很多页面,不易管理 浏览器的后退按钮没有作用 无法被一些搜索引擎识别...8. img上 title 与 alt alt:全称alternate,切换的意思,如果无法显示图像,浏览器将显示alt指定的内容 title:当鼠标移动到元素上时显示title的内容 区别: 一般当鼠标滑动到元素身上的时候显示...: 总是在新行上开始,就是每个块级元素独占一行,默认从上到下排列 宽度缺少时是它的容器的100%,除非设置一个宽度 高度、行高以及外边距和内边距都是可以设置的 块级元素可以容纳其它行级元素和块级元素 行内元素...href属性中的url可以是浏览器支持的任何协议,所以a标签可以用来手机拨号110,也可以用来发送短信110,还有邮件等等
但是对于ie6,7,8(Q)模式下,会与标准w3c浏览器发生兼容性问题: 1,在ie6,7,8(Q)下,这两种方法等同,即getAttribute和". || [' ']"可以相互访问html上的标签属性或者...dom对象的特有属性(典型: 可通过getAttribute获取Dom元素的innerHTML和offsetWidth,clientWidth属性,也可通过setAttribute设置;对于w3c浏览器而言..., 它们按照规范在html文档上设置这样的自定义属性,并不修改dom元素的属性),而在w3c浏览器下可以正确区分他们的异同; 2,在ie6,7,8(Q)下,通过getAttribute和setAttribute...当html特性是JS的保留字的情况下,会在特性名称 前加上“html”,如label的label.htmlFor.在HTML解析阶段,浏览器会将html的上述标签属性绑定在相对应DOM元素的属性上,...根据 HTML4.01 规范中的描述,一个 INPUT 元素 HTML 标签上的 value 属性指定了这个控件的 "currentValue"。最初的 "当前值" 会采用 "初始值"。
保持良好的简洁的树形结构 每一个块级元素都另起一行,每一行都使用Tab缩进对齐(head和body的子元素不需要缩进)。删除冗余的行尾的空格。 使用4个空格代替1个Tab(大多数编辑器中可设置)。...严格的属性 属性和值全部小写,每个属性都必须有一个值,每个值必须加双引号。 没有值的属性必须使用自己的名称做为值(checked、disabled、readonly、selected等等)。...常用的标签 常见标签表 标签 语义 嵌套常见错误 常用属性(加粗的为不可缺少的或建议的) 超链接/锚 a不可嵌套a href,name,title,rel,target 换行...加强“资源型”内容的可访问性和可用性 在资源型的内容上加入描述文案,比如给img添加alt属性,在audio内加入文案和链接等等。...解:所以我们要将盒模型拆分开来写,比如我们将原本要定义在某个div上的height和padding分别写到这个div和他的父元素或子元素上。
选择器】 3.1、基本选择器【掌握】 详解如下: #id id选择器, 通过标签中的id值获得元素(标签) element 元素选择器, ...span> 示例动图如下: 3.6、属性选择器【掌握】 详解如下: [属性名] 获得指定属性名的元素 [属性名=值] 获得属性名... 等于 指定值的 的元素【用的最多】 [属性名!...=值] 获得属性名 不等于 指定值的 的元素 [as1][as2][as3]... 复合属性选择器,多个条件同时成立。...获得 以属性值 开头 的元素 [属性名$=值] 获得 以属性值 结尾 的元素 [属性名*=值] 获得 含有属性值 的元素 示例代码如下: 06-属性选择器.html <!
HTML 4.01 与 HTML5之间的差异说明 [X] 在 HTML5 中, id 属性可用于任何的 HTML 元素 (它会验证任何HTML元素,但不一定是有用)。...在 HTML5 中, class 属性可用于任何的 HTML 元素 (它会 验证任何HTML元素。但不一定是有用)。...title 属性 描述: title 属性规定关于元素的额外信息,这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。...,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本在 HTML 与 DOM 表现之间进行专有数据的交换。...属性格式: 描述: 属性总是以名称/值对的形式出现,比如:name="value"(用等号给属性赋值),属性总是在 HTML 元素的开始标签中规定, 并且属性值应该始终被包括在引号内,双引号是最常用的,
W3C 在其最新的 XHTML2 草案的 XHTML 结构模型中这样定义 div: div 元素,通过与 id、class 及 role 属性配合,提供向文档添加额外结构的通用机制。...在W3C的描述中我们可以找到理解 div 元素的关键,“一种添加结构的通用机制。” 在本站的首页,我们将教程目录列表封装于一个 div 之中,这是因为教程目录并不是正文的任何元素的一部分。...粘性贴纸理论 把 id 属性比作粘性贴纸来进行思考应该是有帮助的。我会在冰箱上拍一张贴纸来提醒自己去买牛奶,电话上面也会贴一张,提醒我给一位逾期缴纳的客户打电话。...还有一个,被贴在账本夹上面,来提醒我这个月 15 号之前必须缴纳的账单。 id同样会标注文档中的特殊区域,以便提醒你哪个区域需要特殊的处理,在这点上,id属性与粘性贴纸是相似的。...id的规则 id 值必须以字母或者下划线开始;不能以数字开始。虽然 W3C 验证不会捕获这个错误,但是 XML 解析器会的。
给包含浮动元素的父标签添加css属性overflow:auto;zoom:1;zoom:1用于兼容IE6。 使用after伪对象清除浮动。该方法只适用于非IE浏览器。具体写法可参照以下示例。...一、该方法中必须为需要清除浮动元素的伪对象中设置height:0,否则该元素会比实际高出若干像素;二、content属性是必须的,但其值可以为空,content属性的值设为”.”,空亦是可以的。... 其中media指定的属性就是设备,显示器上就是...box-sizing:content-box 当我们设置box-sizing:content-box;时,浏览器对盒模型的解释遵从我们之前认识到的W3C标准,当它定义width和height时,它的宽度不包括...undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是: 变量被声明了,但没有赋值时,就等于undefined。
1.使用占位符属性而不是标签元素 我经常看到的流行错误是使用占位符属性而不是标签元素。但屏幕阅读器的用户在这种情况下无法填充字段,因为屏幕读取器无法从占位符属性读取文本。...可能是地铁、大自然或者别的国家我认为我们必须帮助用户使用我们的应用程序。 好主意是帮助浏览器不加载沉重的图像与手机或其他移动设备。我想分享的解决方案,将做到这一点。...此解决方案称为图片元素,允许定义一组图像的源路径,以便浏览器可以加载设备最合适的图像。 例如,我们可以创建 2 个源元素并定义宽度介质功能以检测垫和桌面。此外,我们将使用手机的img元素。...当您这样做时,您忘记了标题可以帮助屏幕阅读器的用户更快地在网页上导航。如果你有标题太多,它阻止人们。因此,在需要的地方使用标题。... 11.替代属性具有不正确的值 如果开发人员正确使用,alt 属性可能非常有用。不幸的是,他们中的许多人并没有试图描述图像,使视觉障碍的人能够理解图片的内容。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。...,当函数内部运算失败时,返回false 平稳退化 就是当用户的浏览器缺少某些让页面设计充分展示的功能,或关闭该功能时,仍然可以将站点的内容呈现给用户 渐进增强 首先建立一个大部分用户可以访问的网站,然后添加额外的功能层次..., 浏览器窗口事件坐标; screenX,screenY, 相对于屏幕的事件坐标 相异的属性:secElement(IE),target(W3C,接受事件的对象 添加事件处理器 IE方式: element.attachEvent...在document根结点,包含多种不同类型的结点,结点类型nodeType包含在节点元素的属性中,如下表所示。...text = rootElement.nodeValue; xxx = rootElement.nodeName;当节点为元素时,值为元素名称;当节点为属性,值为属性名;当为文本时,值为'#text'
链接中的target属性: target值 描述 示例 _blank 在新窗口打开链接 ..... framename 在指定的框架中打开链接 链接中的id属性: 我在这里 .........中 空元素,只有属性 HTML:在head内 定义样式文件的引用地址...HTML属性: 属性是HTML元素提供得附加信息 一般以名称/值对的形式 一般描述在开始标签中 举例:...... 属性值一般以双引号包含,单引号也可以;但是在内容本身有双引号的时候,必须用单引号包含,比如:name = 'aaaaa "bbbbb"ooooo' 常见属性:class、id、style、title
获取body元素 非标准做法 document.body W3C规范方法 document.getElementsByTagName('body').item(0) 使用jQuery/Zepto $(...; }; var win = getIframeWindow(iframe); 设置iframe的边框 写法1: iframe.boder = 0; 问题: 非W3C标准,后面很可能废弃,部分浏览器不一定支持...和href在部分浏览器(IE继续躺枪)行文诡异,执行冲突异常 等价于全局eval。...,甚至连我的Android4.0上的浏览器都不认该函数 替代方案:使用substring函数。...obj.hasOwnProperty(key) continue; //... } 不论是数组或对象,在遍历操作时不要改变被遍历的变量结构,如增删元素,增删key值等(虽然你可以这么做),对于元素自身及子成员的修改是绝对安全的
领取专属 10元无门槛券
手把手带您无忧上云