html5登录代码,html5登录界面源代码

这个首页的html5网站设计代码（尤其是头部那登录注册代码怎么写）

首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签（还有一些新的特性，例如数据库和缓存等特性）

以下为此页面的结构代码：

!doctype html

html

head

meta charset="utf-8"

meta name="revised" content="" /

meta name="keywords" content="" /

meta name="description" content="" /

meta name="author" content=""  /

meta name="robots" content="all" /

title页面标题/title

/head

body

header

div/div!--登陆注册区域--

/header!--头部[html5新标签]--

nav/nav!--导航[html5新标签]--

div/div!--banner--

div/div!--左上--

div/div!--右上--

div/div!--左下--

div/div!--右下--

footer/footer!--底部[html5新标签]--

/body

/html

注：以上为页面的大的框架，相对用HTML5新的标签更合理的，全用上了新的带有语义标签。

另外多说一下，[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签，所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了，咱在制作代码的过程中没必要必须用HTML5的代码，主要看是否合理，合理的为较合适的。

多说的：不管用XHTML还是HTML5写代码，结构（HTML5）与样式（CSS）尽量要分离！

希望能帮到你！

相关问答

Q1: 如何用html5+ css div制作一个简单的登录界面

1、按照正常的思路，布局就是div布局，写一个固定下来，作为模板，在每次获取数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了。

拆分出单个模板来，很明显每项都是一样的

就这个样式写div+css不会吗？

两层div 的嵌套，里面布局排文本标签，image标签就可以了，绑定id填数据，或者遍历填数据。

简单布局是一种，再就是

这种

Q2: dreamware 怎样写html5网页代码输入帐号密码点击“登录”自动跳转， dreamware里面有没有功能键直接添加

这个是需要后台语言配合的,表单submit以后,服务器发送一个 页面重定向指令,如果你写的后台语言是PHP的,那 点了 登陆提交以后

 ?php 

//重定向浏览器 输入你需要跳转的网页链接

header("Location: .**********************.net"); 

//确保重定向后，后续代码不会被执行 

exit;

?

Q3: html5 实现密码登录跳转页面代码要怎么写

只是做静态页面吗？ 用js判断 如果用户名和密码都不为空 window.location.href="目标页面" 就可以跳转，不懂再追问

Q4: 在HTML5中，这段代码如何修改、增加代码，才能在用户名和密码不一致时弹出“登录不成功”？？求大神指导

你的例子太乱了，给你个假设吧。

例如：用户名文本框的id：username 密码框的id：psd

在登陆按钮上添加onclick="check()"

function check(){

var username = document.getElementById("username");

var psd = document.getElementById("psd");

if(username.value == ""){

alert("请输入用户名");

return;

}

if(psd.value == ""){

alert("请输入密码");

return;

}

}