服务热线:13814106501

html5的特征 返回

/***  html5的特征  ***/


第一个:新的DOCTYPE

在html5之前,写html首页一记住一段很长的XHTML文档类型,现在不用了。新的html5文档类型重新定义了,我相信简单的写法,会让我们活的长一点。

html5的写法:<!DOCTYPE HTML> 

注:大小写都一样。


第二个:small标签

这个标签定义列表项中的注释(小型文本),现在主流浏览器都支持它。

注:这个标签在html4.01与html5之间的差异不是很大。html4.01中表示显示更小的文本;在html5中表示定义旁注信息,并显示更小的文本。


第三个:图形元素 figure

第一种写法<img src="1.jpg"/><p>This is an image of something interesting. </p>

第二种写法:

<figure>     
       <img src="1.jpg"/>     
       <figcaption>         
             <p>This is an image of something interesting. </p>     
       </figcaption>
 </figure>

第一种写法和第二种写法的显示效果差不多,但不同是,第二种写法将图片和文字组合在一块了,这样会让人知道,文字是用来介绍图片的。

注:一般figure与figcaption是组合使用的。


第四个:内容可编程

html5有一个很赞的属性,叫做contenteditable。这个属性的意思是允许用记编辑元素内容,包括了元素。

写个例子:

<ul  contenteditable="true">     
        <li>悼念遇难香港同胞 </li>     
        <li>深圳特区30周年</li>     
        <li>伊春空难</li>
</ul>

注:用contenteditable这个属性就可以将例子里面的文字进行修改。火狐和IE9都支持,可是显示效果与谷歌不太一样。


第五个:Email的输入

在表单输入框中写入“type=email”这个属性,那么就可以令浏览器只有在输入有效的电子邮箱的时候才会发送请求,不然不会发送,但是会有提示。这样一来,就不会写js来进行判断了,hmtl5这个功能太炫了。

写个例子:

<form action="" method="get">     
        <label for="email">邮箱:</label>
        <input id="email" name="email" type="email" />     
        <button type="submit">确定</button>
</form>

注:这个属性不是很靠谱,建议少用。火狐和谷歌能用,但在有个name属性。ie就不行。

×
确定 取消
×
登录●注册
个人中心
登录
注册
重设密码
×

用户登录

×

用户注册

请用微信扫描,将为您自动生成账号 →
欢迎咨询 您本次的消息将以邮件方式发送给我们