HTML5学习之工具使用

  • 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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值