例
简单的 HTML5 文档:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
浏览器支持
所有主流浏览器都支持 <html> 标签。
标签定义及使用说明
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。
HTML 4.01 与 HTML5之间的差异
HTML5 中,增加了一个新属性:manifest。
HTML 与 XHTML 之间的差异
xmlns 属性在 XHTML 中是必需的,但在 HTML中不是。
然而,即使 XHTML 文档中的 <html> 没有使用 xmlns 属性,W3C 上的 HTML 验证器也不会报错。这是因为 "xmlns=http://www.w3.org/1999/xhtml" 是一个固定值,即使您没有包含它,此值也会被添加到 <html> 标签中。
属性
New :HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
manifestNew | URL | 定义一个 URL,在这个 URL 上描述了文档的缓存信息。 |
xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 规定 XML 的 namespace 属性(如果您需要您的内容符合 XHTML,则使用这个属性。)。 |
全局属性
<html> 标签支持 HTML 的全局属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
先了解Web服务器,Web服务器中文名称叫网页服务器或WWW(WORLD WIDE WEB)服务器,主要功能是提供网上信息浏览服务,可以解析HTTP协议。当Web服务器接收到一个HTTP请求(request),会返回一个HTTP响应(response),例如送回一个HTML页面。为了处理一个请求,Web服务器可以响应一个静态页面或图片,进行页面跳转(redirect),或者把动态响应(dynamic response)的产生委托(delegate)给一些其它的程序,例如CGI脚本、JSP(JavaServer Pages)脚本、servlets、ASP(Active Server Pages)脚本、服务器端(server-side)JavaScript或者一些其它的服务器端(server-side)技术,这些服务器端的程序通常产生一个HTML的响应来让浏览器可以浏览。
互联网是一个公开的平台,企业网站是24小时面向大众,所以就要为客户的信息安全着想。安全是企业建设网站务必要保证的,这样小伙伴们才会放心再次浏览网站,网站才能持续的发展。主机服务器的选择关乎网站的存亡,一旦网站被袭击,后果也是难以想象的。空间主机不仅要保障访问网站的速度,更重要的是安全和稳定,这是非常值得思考的。在企业建设网站的时候要进行严格的安全测试,保证网站的安全可靠,这样能够帮助客户提升公司的网站品牌形象。只有网站安全,才能够保障客户信息不被泄露,也就可以吸引用户安全放心的浏览。
简单介绍Windows server 2008 R2操作系统,Windows Server 2008 R2中的R2全称为Release 2,就是在第一版2008系统上做了改进的版本。Windows Server 2008 R2建立在网络和虚拟化技术之上,新的虚拟化工具、网络资源和增强的安全性可降低成本,并为动态和优化的数据中心提供一个理想平台。
小伙伴们如果能从小编解决电脑问题的思路和方法中有所启发,那就记得点赞、分享、评论和关注哦,咱们明天不见不散。
好程序员web前端培训分享JavaScript验证API,小编每天会分享一下干货给大家。
JavaScript验证API
约束验证DOM方法
PropertyDescription
checkValidity()如果 input 元素中的数据是合法的返回 true,否则返回 false。
setCustomValidity()设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法。
使用 setCustomValidity 设置了自定义提示后,validity.customError 就会变成true,则 checkValidity 总是会返回false。如果要重新判断需要取消自定义提示,方式如下:
setCustomValidity('')
setCustomValidity(null)
setCustomValidity(undefined)
以下实例如果输入信息不合法,则返回错误信息:
checkValidity() 方法
<input id="id1" type="number" min="100" max="300" required> <button onclick="myFunction()">验证</button> <p id="demo"></p> <script>
function myFunction() { var inpObj = document.getElementById("id1"); if (inpObj.checkValidity() == false) { document.getElementById("demo").innerHTML = inpObj.validationMessage; } }
</script>
尝试一下 »
约束验证 DOM 属性
属性描述
validity布尔属性值,返回 input 输入值是否合法
validationMessage浏览器错误提示信息
willValidate指定 input 是否需要验证
Validity 属性
input 元素的 validity 属性包含一系列关于 validity 数据属性:
属性描述
customError设置为 true, 如果设置了自定义的 validity 信息。
patternMismatch设置为 true, 如果元素的值不匹配它的模式属性。
rangeOverflow设置为 true, 如果元素的值大于设置的最大值。
rangeUnderflow设置为 true, 如果元素的值小于它的最小值。
stepMismatch设置为 true, 如果元素的值不是按照规定的 step 属性设置。
tooLong设置为 true, 如果元素的值超过了 maxLength 属性设置的长度。
typeMismatch设置为 true, 如果元素的值不是预期相匹配的类型。
valueMissing设置为 true,如果元素 (required 属性) 没有值。
valid设置为 true,如果元素的值是合法的。
实例
如果输入的值大于 100,显示一个信息:
rangeOverflow 属性
<input id="id1" type="number" min="100" required> <button onclick="myFunction()">OK</button> <p id="demo"></p> <script>
function myFunction() { var txt = ""; var inpObj = document.getElementById("id1"); if(!isNumeric(inpObj.value)) { txt = "你输入的不是数字"; } else if (inpObj.validity.rangeUnderflow) { txt = "输入的值太小了"; } else { txt = "输入正确"; } document.getElementById("demo").innerHTML = txt; } // 判断输入是否为数字 function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); }
</script>
<input id="id1" type="number" max="100"> <button onclick="myFunction()">验证</button> <p id="demo"></p> <script>
function myFunction() { var txt = ""; if (document.getElementById("id1").validity.rangeOverflow) { txt = "输入的值太大了"; } document.getElementById("demo").innerHTML = txt; }
</script>
尝试一下 »
如果输入的值小于 100,显示一个信息:
rangeUnderflow 属性
尝试一下 »
JavaScript 表单验证
JavaScript 保留关键字
1 篇笔记
setCustomValidity 的用法:
var inpObj = document.getElementById("id1");
inpObj.setCustomValidity(''); // 取消自定义提示的方式
if (inpObj.checkValidity() == false) {
if(inpObj.value==""){
inpObj.setCustomValidity("不能为空!");
}
*请认真填写需求信息,我们会在24小时内与您取得联系。