首页 > 开发 > HTML5 > 正文

HTML5网页制作的22个实例技巧

2024-09-05 07:18:35
字体:
来源:转载
供稿:网友
1. 新的文档类型(Doctype)

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 3. 重新定义<small>在HTML5中,这已经不再需要了。 意味着说这两个标签分别代表着样式和脚本。因此,我们可以将它们的类型属性都删除掉。代码如下:

<link rel=”stylesheet” href=”path/to/stylesheet.css” /> <script src=”path/to/script.js”></script> 5. 使用还是不使用引号HTML5其中一个非常强大的功能就是“contenteditable”,顾名思义它将允许用户编辑元素(包括他的子元素)内包含的任何文本内容。它的用途非常广,如,简单的任务清单或是基于wiki的站点也非常实用,此外,它还有一个优势就是利用了本地的存储。

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <title>untitled</title> </head> <body> <h2> To-Do List </h2> <ul contenteditable=”true”> <li> Break mechanical cab driver. </li> <li> Drive to abandoned factory <li> Watch video of self </li> </ul> </body> </html>
或者,按照第五条技巧所说的,你也可以将第九行的代码写成这样(不用引号):

<ul contenteditable=true>
如果我们应用“电子邮件”类型来指定输入的形式,我们可以命令浏览器只允许符合有效电子邮件地址结构的字符串输入。虽然说内置的表单验证很快就会到来,但是我们也不能完全依靠这个。比较旧的浏览器不理解这种“电子邮件”类型,它们只会简单地返回到普通的文本框。

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″> <title>untitled</title> </head> <body> <form action=”" method=”get”> <label for=”email”>Email:</label> <input id=”email” name=”email” type=”email” /> <button type=”submit”> Submit Form </button> </form> </body> </html> 在说到浏览器所支持和不支持的元素以及属性时,你必需知道当前所有浏览器都不是那么可靠。例如,Opera只有在你指定name属性时才支持电子邮件验证。不过,它不支持占位符属性(下面即将要讲到的)。最后,虽然你可以使用这种形式的验证,不过不要过分依赖它。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表