HTML5技术

HTML5-入门。 - IT-Qcp

字号+ 作者:H5之家 来源:H5之家 2017-06-15 08:00 我要评论( )

什么是HTML5? HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。 HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。 HTML5主要负责文档内容的结构和含义。 CSS3主要负责描述文档内容样式。 JavaScri

什么是HTML5?

HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。

HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。

HTML5主要负责文档内容的结构和含义。

CSS3主要负责描述文档内容样式。

JavaScript主要用来负责文档内容的行为。

HTML5的基本结构。



  Document

使用记事本创建网页步骤。

新建文本文档 --> 编写HTML代码 --> 保存,另存为是后缀名为html文件--> 选择保存类型为所有文档,编码为 utf-8 

HTML5新增的结构标签。

<header></header>页眉

<hgroup></hgroup>标题组合

<nav></nav> 导航

<footer></footer>页脚

<section></section>区块

<article></article>文章

<aside></aside>侧边栏 

<figure></figure>  用于对元素进行组合。一般用于图片或视频

<figcaption></figcaption>用于对figure的内容进行说明

<time></time> 时间

<datalist></datalist>数据列表 ,配合输入框来使用

<details></details>描述

<summary></summary>对details的简介

<dialog></dialog> 对话框

<address></address>地址

<mark><mark>标记  自带带黄色背景,其他用法和span一样

<keygen></keygen>秘钥(报废了)

<progress></progress>进度条  可以设置 value max min ...

<meter></meter>进度条,用法和上面的差不多

 

 

    今天就先写这么多,有任务在身,明天继续。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Angular-指令 - IT-Qcp

    Angular-指令 - IT-Qcp

    2017-06-09 09:00

  • TensorFlowSharp入门使用C#编写TensorFlow人工智能应用 - LineZero

    TensorFlowSharp入门使用C#编写TensorFlow人工智能应用 - LineZero

    2017-05-24 08:00

  • C#单元测试,带你快速入门 - 农码一生

    C#单元测试,带你快速入门 - 农码一生

    2017-05-18 16:00

  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

网友点评