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

HTML5-入门。

时间:2017-06-14 13:00:51      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:输入框   兼容性问题   ogre   编程   含义   样式   type   列表   html5   

什么是HTML5?

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

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

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

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

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

HTML5的基本结构。

<!doctype html>//最新版本html,即heml5

<html lang="en">//文件开始标记

<head>//文件头开始标记
  <meta charset="UTF-8">//指定字符编码

  <title>Document</title>

</head>//文件头结束标记

<body>//文件主题开始标记

</body>//文件主题结束标记

</html>//文件结束标记

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

新建文本文档 --> 编写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>进度条,用法和上面的差不多

 

 

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

HTML5-入门。

标签:输入框   兼容性问题   ogre   编程   含义   样式   type   列表   html5   

原文地址:http://www.cnblogs.com/qiaocanpeng/p/7003275.html

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