html5基本格式

学习要点：

  1. HTML5 文档的基本格式

2. 开发工具的基本操作

一．  文档基本格式

  1. <!DOCTYPE  html>  文档声明，告诉计算机这是一个HTML5文档。

对比一下HTML4  的声明文档：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

2.    <html>
</html>    双标签，所有的文档内容均包含在这个标签里面。

3.    <head></head>    不可见内容，包含文档标题、字符编码等。

4.    <body></body>    可见内容,图片、文本表单等所有可见内容

*******************************************************************

<!DOCTYPE
html>                    <!-- 
文档声明 -->

<html>                              <!--  表示文档的开始
-->

<head>                                  head标签存放文档的基本信息，不可见元素

<meta
charset="utf-8">            <!-- 声明字符编码  -->

<title></title>                    <!-- 声明文档标题
-->

</head>

<body>                              <!—body标签存放文档可见内容 -->

</body>

</html>                              <!--   表示文档结束
-->

*******************************************************************

二．开发工具的基本操作

1.打开开发工具

2.新建文件，*注意事项：先将文件保存为以 .html 为后缀的文件，才能启动自动提示功能。

3.便捷输入方法

html5基本格式的更多相关文章

  1. 主流浏览器HTML5视频格式差异

    因最近在研究video.js,现在遇到的问题是在js中设置了swf,但是在ie8下只是显示黑屏并没有播放视频,在网上进行搜索时查到了有关各个浏览器支持哪些视频格式的文章,现在此记录下,方便以后查阅. ...

  2. html5，格式的验证

    <form action="" method="get">    <input type="text" name=&quo ...

  3. js将html5日期格式转为long型

    var moveInArray = $("#move_in").val().split('-'); var d = new Date(); d.setYear(moveInArra ...

  4. html5标准格式示代码

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  5. HTML5 视频规范简介

    HTML5 视频规范简介  创建于 2013-02-03, 周日 00:56  作者 白建鹏 HTML 一词是“超文本标记语言”(Hyper-Text Markup Language)的缩写,是用于描 ...

  6. 2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼

    2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼   转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升:IE10 随着 Windows 8 在 ...

  7. (网页)HTML5

    1.html5基本格式: <!DOCTYPE> --> 文档类型声明. <html lang="zh-cn"> --> 表示html文档开始 & ...

  8. HTML5播放器 MediaElement.js 使用方法

    目前已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今 天向大家推荐一款非常优秀的html5播放器MediaElem ...

  9. 2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼【转】

    摘要: 这篇文章给大家带来<五大主流浏览器 HTML5 和 CSS3 兼容性大比拼>,让我们一起来看看2013年的浏览器现状.浏览器厂商之间的竞争促使各大浏览器对 HTML5 和 CSS3 ...

随机推荐

  1. window.close关闭当前页面

    浏览器处于安全策略考虑,只允许Javascript关闭由javascript打开的页面,为了用js关闭当前窗口,我们可以这么考虑,这也是最常用的做法. <a href="javascr ...

  2. 制作个人开发IDE

     1.打开VS2013,新建项目: 2．点击下一步,下一步.到达例如以下界面: 3.下一步 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdG90b3R ...

  3. HDU 2242 考研路茫茫——空调教室(边双连通）

    HDU 2242 考研路茫茫--空调教室 题目链接 思路:求边双连通分量.然后进行缩点,点权为双连通分支的点权之和,缩点完变成一棵树,然后在树上dfs一遍就能得出答案 代码: #include < ...

  4. HTML5之Canvas绘图(一) ——基础篇

    HTML5火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把. 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是 ...

  5. Linux kernel 2.6下的modules编译与KBuild

    转载:http://blog.sina.com.cn/s/blog_602f87700100dq1u.html Sam之前在Linux kernel 2.4下写过一些driver.但自从转到kerne ...

  6. 关于proplists:get_value/2 与lists:keyfind/3 的效率比较

    关于proplists:get_value/2 与lists:keyfind/2 的效率 早有比较,已出结论,lists:keyfind/2 的效率要好很多,好些人都是直接用或者做过它们之间的比较测试 ...

  7. 理解cas

    前言 CAS(Compare and Swap),即比较并替换,实现并发算法时常用到的一种技术,Doug lea大神在java同步器中大量使用了CAS技术,鬼斧神工的实现了多线程执行的安全性. CAS ...

  8. os如何处理键盘的所有按键，显示or不显示，显示是如何显示

    [0]README 0.1) source code and text decription are from orange's implemention of a os , and for comp ...

  9. oracle索引INdex

    索引是与表相关的一种可选择数据库对象.索引是为提高数据检索的性能而建立,利用它可快速地确定指定的信息. 索引可建立在一表的一列或多列上,一旦建立,由ORACLE自动维护和使用,对用户是完全透明的.然而 ...

  10. 获取网站的BaseURL

    //get base URL            var _urlstr = window.location.href;            if (_urlstr.indexOf("? ...