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

HTML5简介

时间:2017-03-10 00:34:39      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:lis   允许   progress   color   char   gre   运行   类型   har   

HTML

  HyperText Markup Language超文本标记语言,简称:HTML,是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

HTML5

HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。

HTML5的设计目的是为了在移动设备上支持多媒体。

HTML5 简单易学。

HTML5的结构布局

<!DOCTYPE html><!--声明为 HTML5 文档-->
<html lang="en"><!--html元素是 HTML 页面的根元素
,lang表示当前文档显示的语言,其"lang"的意思就是“language”,语言的意思,而“en”即表示english,zh即表示中文-->
<head><!--包含了文档的元(meta)数据,元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(js), 样式文件(CSS),及各种meta信息。-->
    <meta charset="UTF-8"><!--元素指定 HTML 文档的字符编码,对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码-->
    <title>Title</title><!--元素描述了文档的标题-->
</head>
<body><!--包含了可见的页面内容,只有 <body>区域 才会在浏览器中显示。-->
    <--!内容区-->

</body>
</html>

h5的变化:

语义元素

HTML5 与4相比添加了很多语义元素如下所示:

标签描述
<article> 定义页面独立的内容区域。
<aside> 定义页面的侧边栏内容。
<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command> 定义命令按钮,比如单选按钮、复选框或按钮
<details> 用于描述文档或文档某个部分的细节
<dialog> 定义对话框,比如提示框
<summary> 标签包含 details 元素的标题
<figure> 规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption> 定义 <figure> 元素的标题
<footer> 定义 section 或 document 的页脚。
<header> 定义了文档的头部区域
<mark> 定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav> 定义导航链接的部分。
<progress> 定义任何类型的任务的进度。
<ruby> 定义 ruby 注释(中文注音或字符)。
<rt> 定义字符(中文注音或字符)的解释或发音。
<rp> 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section> 定义文档中的节(section、区段)。
<time> 定义日期或时间。
<wbr> 规定在文本中的何处适合添加换行符。

HTML5 表单

新表单元素, 新属性,新输入类型,自动验证。

 

HTML5简介

标签:lis   允许   progress   color   char   gre   运行   类型   har   

原文地址:http://www.cnblogs.com/PyLearning/p/6528410.html

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