升级到HTML5

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd">
  2. <html>
  3.   <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.     <title>Head First Lounge</title>
  6. 　　<link type="text/css" rel="stylesheet" href="lounge.css">
  7.    <script type="text/javascript" src="lounge.js"></script>
  8.  </head>
  9.  <body>
  10.   <h1>Welcome to Head First Lounge</h1>
  11.   <p>
  12.    <img src="drinks.gif" alt="Drinks">
  13.   </p>
  14.   <p>
  15.     Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, conversation and maybe a game or two of Tap Tap Revolation. Wireless access is always provided; BYOWS (Bring Your Own Web Server).
  16.   </p>
  17.  </body>
  18.  
  19. </html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd">
  2. <!DOCTYPE html>
  3. <html>
  4.   <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  1.     <meta charset="utf-8"/>
  2.     <title>Head First Lounge</title>
  3. 　　

<link type="text/css" rel="stylesheet" href="lounge.css">

  1.    <link  rel="stylesheet" href="lounge.css">

<script type="text/javascript" src="lounge.js"></script>

  1.    <script  src="lounge.js"></script>
  2.  </head>
  3.  <body>
  4.   <h1>Welcome to Head First Lounge</h1>
  5.   <p>
  6.    <img src="drinks.gif" alt="Drinks">
  7.   </p>
  8.   <p>
  9.     Join us any evening for refreshing <a href="elixirs.html">elixirs</a>, conversation and maybe a game or two of Tap Tap Revolation. Wireless access is always provided; BYOWS (Bring Your Own Web Server).
  10.   </p>
  11.  </body>
  1. </html>

HTML5的技术家庭:

CSS3, Web工作线程， 表单， 离线Web应用， 音频&视频， 新元素， 本地存储， 画布， 地理定位

BULLET POINTS

  • HTML5是最新版本的HTML.它引入了简化的标记、新的语义和媒体元素，另外要依赖于一组支持Web应用的JavaScript库。
  • XHTML不再是Web页面的标准。开发人员和W3C决定还是继续扩展和改进HTML.
  • 新的、更为简单的HTML5 doctype在较老的浏览器上也得到支持，这些浏览器看到这个doctype时会使用标准模式。
  • <script>标记或指向CSS的样式表链接中不再需要type属性。现在JavaScript和CSS是默认类型。
  • 用于指定字符集的<meta>标记已经大为简化，只包含字符编码。
  • UTF-8现在是Web上使用的标准字符集。
  • 对doctype和<meta>标记做出修改不会影响页面在较老浏览器上的显示。
  • HTML5的新元素是HTML4元素的一个超集，这说明，较老的页面在现代浏览器中仍能正常工作。
  • 按官方说法，HTML5标准在2014年前不会正式完成，不过大多数现代浏览器在此之前就能提供支持（现在就有很多浏览器支持HTML5）！
  • HTML5引入了一些元素，可以向页面增加新的语义，与HTML4.01相比，可以提供更多选项来创建Web页面结构。
  • HTML5中的很多新特性都需要JavaScript来充分加以利用。
  • 通过使用JavaScript，可以与DOM交互，也就是文档对象模型（Document Object Model）。
  • DOM是Web页面的浏览器内部表示。通过使用JavaScript，你可以访问元素、修改元素，还可以向DOM增加新元素。
  • JavaScript API是一个“应用编程接口”。利用API，可以控制HTML5的所有方面，比如2D绘图、视频回放等等。
  • JavaScript是世界上最流行的语言之一。最近几年，JavaScript实现有了显著的改进。
  • 可以检测一个浏览器中是否支持某个新特性，如果不支持还能够妥善地降级。
  • CSS是HTML5的样式标准，很多人用“HTML5”描述创建Web应用所用的技术家族时，都包含CSS。

Head First HTML5 Programming笔记--chapter1 认识HTML5的更多相关文章

  1. Head First HTML5 Programming笔记--chapter2 介绍Javascript和DOM

    你已经了解了HTML标记(也称为结构),而且知道了CSS样式(也称为表示),剩下的就是Javascript(也称为行为). JavaScript的工作方式 1. 编写 你创建HTML标记和JavaSc ...

  2. HTML5学习笔记五：html5表单

    表单是页面上非常重要的一块内容,用户可输入的大部分内容都是在表单元素中完成的,与后台的交互大多数也是通过点击表单中的按钮. 一.新增的元素和属性 1.新增属性: 1.1 form属性:页面中的任何元素 ...

  3. HTML5学习笔记四：html5结构

    一.大纲:大纲即文档中各内容区块的结构编排 1. 显示编排内容区块:使用section等元素创建文档结构,每个内容区块使用标题(h1~h6,hgroup); 2. 隐式编排内容区块:根据页面所书写的各 ...

  4. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

  5. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. HTML5基础——笔记

    HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...

  7. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  8. 读书笔记：《HTML5开发手册》--HTML5新的结构元素

    读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...

  9. HTML5 学习笔记（一）——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

随机推荐

  1. 学Lua(上)

    学Lua(上) 在很多游戏中,脚本语言是不可或缺的一部分,很多游戏都使用到了Lua,js,python一类的脚本,脚本语言可以在很多方面给开发进程带来帮助.脚本语言可以作为初始化文件读入变量和游戏数据 ...

  2. 软件工程随堂小作业——随机四则运算（C++）

    一.设计思路: 1.程序的主体部分是循环输出,次数即题目数目由用户输入: 2.三个整型变量+rand函数来实现随机数四则运算,一个变量代表加减乘除,另外两个用作运算数: 3.用户体验:题目分三列,排列 ...

  3. Android Studio 单刷《第一行代码》系列 02 —— 日志工具 LogCat

    前情提要(Previously) 本系列将使用 Android Studio 将<第一行代码>(书中讲解案例使用Eclipse)刷一遍,旨在为想入坑 Android 开发,并选择 Andr ...

  4. 机器学习&&数据挖掘之一：决策树基础认识

    决策树入门篇 前言:分类是数据挖掘中的主要分析手段,其任务就是对数据集进行学习并构造一个拥有预测功能的分类模型,用于预测未知样本的类标号,把类标号未知的样本按照某一规则映射到预先给定的类标号中. 分类 ...

  5. UVA 10004 Bicoloring

    题目链接:http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&category=12&pa ...

  6. RabbitMQ 3.6 安装

    1. 首先安装这个 http://www.erlang.org/downloads 2. 再安装这个 http://www.rabbitmq.com/install-windows.html 3. 添 ...

  7. 【转载】让c++ 函数返回一个数组

    在c++中是不允许数组作为函数的返回值的 int [] someFunction( ); //ILLEGAL 要想实现函数返回一个数组,那返回对应数组里面类型的指针 you must return a ...

  8. win7 IIS7 PHP环境配置

    PHP5.2.17 官方下载: http://windows.php.net/downloads/releases/php-5.2.17-Win32-VC6-x86.zip PHP5.3.5 官方下载 ...

  9. MySQL杂记

    参考资料: w3school  SQL 教程 : http://www.w3school.com.cn/sql/index.asp 21分钟 MySQL 入门教程 : http://www.cnblo ...

  10. 如何开始你的CTF比赛之旅-网站安全-

    在过去的两个星期里,我已经在DEFCON 22 CTF里检测出了两个不同的问题:“shitsco ”和“ nonameyet ”.感谢所有 的意见和评论,我遇到的最常见的问题是:“我怎么才能在CTFs ...