您的位置：首页 > Web前端 > HTML5

HTML5学习之工具使用

2015-09-19 22:00 701 查看

editplus+css3.0的参考手册+jquery参考手册

布局简介

table是最早的布局，缺点是大量的嵌套，不太容易开发比较炫丽的动态的页面

之后是div，div+css并不是标准的布局，只能说具体情况具体对待，只是因为大规模的嵌套，在博客网站和微博网站由于技术原因大量的使用div

html5 很少的页面代码。百度的页面代码看上去很乱，是因为百度的服务器是很大的集群，所以尽量减少页面的代码，尽量不换行，代码首尾相连，以节约成本。

新增和删除了部分标签

html减少了双引号的使用，所以可以不用双引号，也可以用，但是为了规范

示例代码如下

- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>

<body>
<form>
<fieldset>
<ol>
<li>
<label>
用户名
</label>
<input id="username" name="username" required autofocus
type="text" />
</li>
<li>
<label>
邮件
</label>
<input id="mail" name="mail" required type="email"
placeholder="exemaple@adoain.com" />
</li>
<li>
<label>
密码
</label>
<input required type="password" />
</li>
<li>
<label>
年龄
</label>
<input required type="range" min="18" max="50" />
</li>
<li>
<label>
年龄2
</label>
<input required type="number" placeholder="age" />
</li>
<li>
<label>
生日
</label>
<input required type="date" />
</li>
<li>
<label>
搜索引擎
</label>
<input required type="url" list="serchlist" />
<datalist id="serchlist">
<option value="111111">
<option value="222222">
<option value="3333333333">
</datalist>
</li>
</ol>
</fieldset>

<div>
<button type="submit">
注册
</button>
</div>
</form>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航