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

HTML/CSS基础知识(二)

时间:2018-07-11 22:51:49      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:art   str   万维网   底部   文章   应用   文本   oracl   center   

Q:HTML5是什么?为什么要用HTML5?有什么新特性?移除了哪些元素?

  1. HTML5是HTML的最新版本,2014年10月由万维网联盟(W3C)完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准,以期望能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML,CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务(Plug-in-Based Rich Internet Application,RIA),例如:Adobe Flash、MicroSoft Silverlight和Oracle JavaFX 的需求,并且提供更多能有效加强网络应用的标准集。
  2. HTML4过于陈旧,不能满足日益发展的互联网需要,特别是移动互联网。此外,flash等插件由于种种原因不适合在移动端使用。HTML5增强了浏览器的原生功能,减少了web应用对插件的依赖。
  3. HTML5新增了27个元素,废弃了16个元素。根据现有的标准规范,吧HTML5的元素按照优先级定义为结构性元素、块级元素、行内语义性元素和交互性元素4大类。
    • 结构性元素主要负责web上下文结构的定义
      • section:在web页面应用中,改元素也可以用于区域的章节描述

      • header:页面主题上的头部,header元素往往在一对body元素中

      • footer:页面的底部(页脚),通常会标出网站的相关信息

      • nav:专门用于菜单导航、链接导航的元素,是navigator的缩写

      • article:用于表现一篇文章的主题内容,一般为文字几种显示的区域

    • 块级元素主要完成web页面区域的划分,确保内容的有效分割
      • aside:用于表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容
      • figure:是对多个元素进行组合并展示的元素,通常与ficaption联合使用
      • code:表示一段代码
      • dialog:用于表达人与人之间的对话,该元素包含dt和dd这两个组合元素,dt表示用于说话者,dd表示说话内容
    • 行内语义性元素主要完成web页面具体内容的引用和描述,丰富内容展示
      • meter:表示特定范围内的数值,可用于工资、数量、百分比
      • time:表示时间值
      • progress:用来表示进度条,可通过对其使用max、min、step等属性进行控制,完成对进度条的表示和监视
      • video:视频元素,用于支持和实现视频文件的直接播放,支持缓冲预加载和多种音频、视频媒体格式
      • audio:音频元素,用于支持和实现音频文件的直接播放,支持缓冲预加载和多种音频媒体格式
    • 交互性元素只要用于功能性的内容表达,会有一定的内容和数据关联,是各种事件的基础
      • details:用于表示一段具体的内容,但是内容默认可能不显示,通过某种手段(如单击)与legend交互才会显示出来
      • daragrid:用来控制客户端数据与显示,可以由动态脚本及时更新
      • menu:主要用于交互菜单
      • command:用来处理命令按钮

   4. 移除的元素

    • 纯表现型元素
      • <basefont>默认字体,不设置字体
      • <font>字体标签
      • <center>水平居中
      • <u>下划线
      • <strike>中横线
      • <tt>文本等宽
    • 框架集
      • <frameset>
      • <noframes>
      • <frame>

HTML/CSS基础知识(二)

标签:art   str   万维网   底部   文章   应用   文本   oracl   center   

原文地址:https://www.cnblogs.com/bestchenyan/p/9296937.html

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