<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>header/footer</title> <style type="text/css"> body{height: 708px} header{background: red;width: 100%;height: 10%} footer{background: red;width: 100%;height: 10%} #div0{width: 100%;height: 80%} #div1{width: 20%;height: 100%;float: left;background: #f0f0f0} #div2{width: 80%;height: ...
方便布局表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下：1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可...
<form action=""> <!--专业： <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择，还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业：<input type="text" list="subjects"> <br> <!-...
HTML5<article>元素用来定义页面文档的独立内容。实例：<article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>这个页面是我开始用html5进行布局的。</p> <footer>article footer</footer> </article> 元素' ref='nofollo...
HTML5 创建canvas元素 复制代码代码如下:<!--<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。--> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset = utf-8"> <title>HTML5</title> <script type="text/javascript" charset = "utf-8"> <!--这个函数将在页面完全加载后调用--> function pageLoaded() { alert(‘HTML5 页面加载完毕!‘); } </script> </head> <body ...
一HTML5新增属性1.1contcxtmcnucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div><menu id="menuShare" type="context"><menuitem label="分享到QQ空间" onclick="alert(‘QQ‘);"></menuitem><menuitem label="分享到朋友圈" onclick="alert(‘朋友圈‘);"></menui...
nav元素的使用场合aside元素的使用场合aside元素主要有以下两种使用方法：1、被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名词解释等2、在article元素之外使用，作为页面或站点全局的附属信息部分html5细节概述1、一个网页内并未限制header元素的个数，可以拥有多个，也可以为每个内容区块加一个header元素（footer同理）2、autofocus：一个页面上只能有一个控件具有该属性3、patter...
HTML5学习：语义元素article一、定义<article> 标签定义外部的内容。外部内容可以是来自一篇文章，或者来自博客 的博文，或者是来自论坛的文章。二、用法格式和上篇的section元素一样：<h1></h1><p></p>，示例代码如下：<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<article>
<h1>标题1</h1>
<p>文章内容1</p...
DocumentHTML4文档声明 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML5文档声明 :<!DOCTYPE html>HTML4 meta : <meta http-equiv="Content-type" content: text/html" charset="UTF-8">HTML5 meta :<meta charset="UTF-8">HTML5 新增元素<header> 元素：header元素表示页面中的一个内容区块或者整个页面的标题。<nav> 元素：nav元素表示页面中的导航链接部分。<...
做移动端有一段时间，今天有同事问了我 article 和 section
标签的使用，模模糊糊的解释了下，他似懂非懂，有点小尴尬。忽然间觉得自己有必要再翻翻书籍，重温下 html5 的新元素。今天先介绍下 html5
新增的结构元素，有的经常使用到，有的用不上，虽然说它们的出现是更促进页面更有语义，更好的 seo，但其实当页面禁用样式后，它们的展现跟 div
是没撒差别，有同学可能会说，既然一样，又不影响页面的最终展现，不管是 article...
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。<input formaction="new.html" type="submit" value="提交到new.html">（3）formmethod属性：用法同formaction...
经过上一节学习，我们已经建立一个结构良好的页面，如果在旧版的 IE 浏览器中浏览可能这些语义元素无法显示。毕竟这些语义元素什么也不做，要支持它们，只要让浏览器把它们当做普通的 <div> 元素就行了。为此我们要做的就是为它们添加点样式规则。之后就可以得到超级可靠的语义元素了，即使使用10年前的浏览器也可以正常浏览。为语义元素添加样式浏览器遇到不认识的元素时，会把它们当做内联（inline）元素。大多数 HTML5 语义元素...
HTML标签开始标签(opening tag):开放标签结束标签(closing tag):闭合标签元素定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）元素的内容：元素的内容指的是开始标签与结束标签之间的内容元素的特点：1，大多数HTML元素可嵌套（可以包括其他的HTML元素）2，HTML文档有嵌套的HTML元素构成3，不要忘记结束标签，未来的HTML版本不允许省略结束标签4，空的html元素5，没有内容的html元素被称为元...
如图片：<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>可拖拽的元素组件</title><style>#d1 {width:800px; height:100px; border:1px solid #ddd; background:#eee; margin:5px;}#d2 {width:800px; height:100px; border:1px solid #ddd; background:#eee; margin:5px;}</style>
</head>
<body><div id="d1"><img id="myimg" src="https://www.baidu.com/img/baidu_jg...
HTML5 界面元素 Canvas 参考手册太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句：太阳火神的美丽人生 - 本博客专注于 敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。HTML5 界面元素 Canvas 参考手册HTML Canvas Reference描述DescriptionThe HTML5 <canvas> tag is used to d...
