码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 使用小结

时间:2017-03-14 00:14:23      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:实用   方便   foo   好处   footer   get   常用   标签   inpu   

1.html5新增的常用元素

  (a) <article.../>代表独立完整的一遍文章

  (b)<section.../>对页面内容进行分块

  (c)<nav.../>专门用于定义页面上的导航条

  (d)<aside.../>定义附属信息

  (e)<header.../>定义文章头部信息

  (f)<footer.../>‘脚注‘

  (g)<hgroup.../>含<h1.../>到<h6.../> ?

  (h)<figure.../>图片区域

  (t)<figcaption.../>图片区域的标题

  (o)<mark>重点关注的内容

  (p)<time>引入时间

  HTML语义化标签的好处:

???  第一,语义化的标签更容易被搜索引擎识别,这样可以大大提升搜索引擎的识别读取,提升网站的排名。

   第二,方便自己,方便别人二次修改,因为什么地方是什么,放的什么东东,看标签结构就看得清清楚楚了。这也算是一种标准规范

2.HTML5?语法的变化

(1)标签不再区分大小写

  <p>...</P>

(2)元素可以省略结束标签

  不允许写结束标记的标签有:        area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

  可以省略结束标记的标签有:        li、dt、dd、p、rt、rp、op、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

  可以省略全部标记的标签有:        html、head、body、colgroup、tbody。

  “不允许写结束标记的标签”是指,不允许使用开始标记与结束标记将标签括起来的形式,只允许使用“<标签/>”的形式进行书写。

(3)允许省略属性值

  checked,readonly,disabled, selected, defer, ismap,noherf,noshade,nowrap,mltiple,noresize?

(4)允许属性值不使用引号

技术分享   <img src=1.jpg>  OK的

(5)?DOCTYPE声明

  <!DOCTYPE html>

(6)指定字符编码

  在 HTML4 中,使用 meta 标签的形式指定文件中的字符编码,如下所示:

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >

  在 HTML5 中,可以使用对 标签直接追加 charset 属性的方式来指定字符编码,如下所示:

  <meta charset="UTF-8">

    两种方法都有效,可以继续使用前面那种方式(通过 content 属性来指定),但是不能同时混合使用两种方式,在以前的 HTML代码中可能会存在下面代码所示的标记方式,但在   HTML5   中,这种字符编码方式将被认为是错误的,这一点请注意:

  <meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8">

  从 HTML5 开始,对于文件的字符编码推荐使用 UTF-8。

?3.HTML5的表单元素

(1)可指定type属性,有 text , password, hidden, radio,checkbox, image,  file, submit, reset,button

(2)form = "form_id"表单控制属性,所有表单控件都必须包含在<form.../>内部,没放进去可指定form

(3)formaction

  解决页面中一个表单,包含两个以上的提交按钮,不同按钮提交到不同的action

  <input type="submit" value="注册" formaction="register"/>

  <input type="submit" value="修改" formaction="login"/>

 (4)formmethod   post/get

        formtarget 改变表单target属性  autofocus: 聚焦 

4.HTML5新特性?(兼容性,实用性,互通性和通用访问性)

(1)新增的语义化标签

(2)嵌入音频,视频

(3)本地存储

(4)交互式文档?

 (5) Canvas 绘制图形

(6)控制SVG图形做动画

?

HTML5 使用小结

标签:实用   方便   foo   好处   footer   get   常用   标签   inpu   

原文地址:http://www.cnblogs.com/torri/p/6545527.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!