html5的新特性掘金,HTML5 新特性

  html5的新特性掘金,HTML5 新特性

  HTML5是HTML [1](标准通用标记语言下的一个应用)的标准版本,用于替代1999年制定的HTML 4.01和XHTML 1.0标准;它仍处于开发阶段,但大多数浏览器已经支持一些HTML5技术。

  1.新文档类型声明

  HTML4中指定的三种文档类型的声明:

  XML/HTML代码将内容复制到剪贴板!DOCTYPEHTMLPUBLIC "-//W3C//dtdhtml 4.01//EN " " http:/www . w3 . org/TR/html 4/strict . dtd "!DOCTYPEHTMLPUBLIC "-//W3C//dtdhtml 4.01//EN " " http://www.w3.org/TR/html4/loose.dtd"!DOCTYPEHTMLPUBLIC "-//W3C//dtdhtml 4.01//EN " " http://www.w3.org/TR/html4/frameset.dtd"XHTML 1.0 规定的三种文档类型声明:

  XML/HTML代码将内容复制到剪贴板!DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.0 strict//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"!DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.0 transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"!DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.0 frameset//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"XHTML 1.1文档严格定义类型,等同于XHTML1.0文档过渡定义类型

  XML/HTML代码将内容复制到剪贴板!DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.1//EN " " http://www.w3.org/TR/xhtml11/DTD/xhtml1.dtd"HTML 5的文档类型声明

  XML/HTML代码将内容复制到剪贴板!文档类型html2. script和link里不需要写type

  XML/HTML代码将内容复制到剪贴板linkrel=" style sheet " href=" path/to/style sheet . CSS " type=" text/CSS "/=" linkrel=" style sheet " href=" path/to/style sheet . CSS "/Script src=" path/to/Script . js " type=" text/JavaScript "/Script==" Script src=" path/to/Script . js "/Script 3 .语义页眉和页脚标记

  在HTML4或XHTML中,当我们定义网页的页眉或页脚时,它看起来会像这样:

  XML/HTML代码将内容复制到剪贴板divid="header" …/div或divid="footer" …/div,而在HTML5中,有直接定义上述元素块的标签,可以使代码更加简洁,语义更加丰富。

  XML/HTML代码将内容复制到剪贴板header … /header或footer … /footer4. hgroup标签,它主要是表明标题的集合。如果你有一个主标题和一个副标题,你可以用这个来包装。但这个标签用处不大,在最新的HTML5.1版本5.1中被废除了。如果我们想声明主标题的描述和对应的副标题,我们可以这样做。

  标点切分一般适用于文章标题,不适用于网站标题。

  XML/HTML代码将内容复制到剪贴板h1前端试题:HTML5 /h1的新特性使用span标签标记字幕描述。

  XML/HTML代码将内容复制到剪贴板h1前端测试问题span HTML 5的新功能/span /h1使用header标记包装标题和描述。

  XML/HTML代码将内容复制到剪贴板头h1前端测试/H1 phtml 5/p/header5. 标记元素 mark中的新功能

  XML/HTML代码将内容复制到剪贴板上。你可以把它作为高亮标签,被它包裹的字符就会被高亮显示。Mark…/mark6. 图形元素figure在HTML4或XHTML中,以下代码用于修饰图片的评论。

  XML/HTML代码将内容复制到剪贴板img src=" path/to/image " alt=" about image "/pimageofflower/p以上代码没有链接文字和图片内存,但是HTML5添加的figure和figcaption的组合可以完美的链接图片和文字。

  XML/HTML代码将内容复制到剪贴板figure img src=" path/to/image " alt=" about image "/fig caption pbeautifulflower/p fig caption/figure7. 重新定义了small标签HTML 5。小标签将旁注显示为小文本,负责声明、注意事项、法律限制或版本声明的功能通常是小文本。

  Small在HTML4或者XHTML中已经有了定义,但是并没有完整的描述它的用法。在HTML中,主要用于网页底部的版本声明、邮件等小文本。8.占位符 placeholder在HTML4或XHTML中,如果要实现输入框为空时显示提示信息,输入框字段获得焦点时提示消失的效果,只能用js写这个效果。HTML5中添加的占位符直接达到了这个效果。

  Placeholder属性适用于以下输入类型:文本、搜索、URL、电话、电子邮件和密码。

  XML/HTML代码将内容复制到剪贴板inputplaceholder="text "

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: