• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5学习笔记(一)-认识HTML5

HTML5学习笔记(一)-认识HTML5

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5等相关知识,匿名希望在学习及工作中可以帮助到您

什么是 HTML5?


HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 新规则:


  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

  • 减少对外部插件的需求(比如 Flash)

  • 更优秀的错误处理

  • 更多取代脚本的标记

  • HTML5 应该独立于设备

  • 开发进程应对公众透明

新特性


HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素

  • 用于媒介回放的 video 和 audio 元素

  • 对本地离线存储的更好的支持

  • 新的特殊内容元素,比如 article、footer、header、nav、section

  • 新的表单控件,比如 calendar、date、time、email、url、search

浏览器支持


最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

HTML基础讲解


1. 声明:<!DOCTYPE>

 HTML也有多个不同的版本, 只有完全明白页面中使用的确切HTML版本, 浏览器才能完全正确地显示HTML页面. 这就是<!DOCTYPE>的用处.

 HTML5:

<!DOCTYPE html>

HTML4.01:

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

XHTML1.0:

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

2. HTML基础标签

  head, body

  • HTML 标签是由尖括号包围的关键词,比如 <html>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

  • <html><head></head><body><h1>My First title</h1><p>here is the first paragraph.</p></body></html>

  例:

  • <html> 与 </html> 之间的文本描述网页

  • <head>与</head> 之间的是head部分

  • <body> 与 </body> 之间的文本是可见的页面内容

  • <h1> 与 </h1> 之间的文本被显示为标题

  • <p> 与 </p> 之间的文本被显示为段落

3. HTML标题

  <h1>...<h6>等标签进行定义

<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <title>基础</title>
    </head>
    <body>
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    <p>这是我的第一个H5程序</p>
    </body>
    </html>

3. HTML段落

  <p>标签定义段落

4. HTML连接

  <a> 标签定义连接

<a href="www.baidu.com">找度娘</a>

5. HTML图像

  <img>标签定义图像

<img src="照片的路径, 可以是网络的, 可以是本地的">

以上就是HTML5学习笔记(一)-认识HTML5的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

相关文章

  • 2018-12-03HTML5的语法变化介绍_html5教程技巧
  • 2018-12-03怎么看待 Adobe 停止移动版 Flash 播放器开发,投入更多的精力进行 HTML5 的开发?
  • 2018-12-03HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代_html5教程技巧
  • 2018-12-03画出自己的UI组件的详情
  • 2018-12-03CSS 的主要缺陷是什么?
  • 2017-08-06详解HTML5中的拖放事件(Drag 和 drop)
  • 2018-12-03关于html5.2 dialog的介绍
  • 2018-12-03HTML5+jQuery实现支持桌面和移动拖动iPhone风格插件
  • 2018-12-03电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?
  • 2017-08-06IE支持HTML5的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5: Web 标准最巨大的飞跃
    • 如何使用html5的Page Visibility API来实现获取焦点js事件
    • HTML的基本结构与标签的初步了解
    • 让IE支持HTML5的方法_html5教程技巧
    • HTML5未来发展趋势
    • 10个最常见的HTML5面试题 附答案
    • 专注前端还是全栈?
    • 如何配置H5的滚动条样式的代码
    • 如何用v-for给src属性赋值
    • 详细介绍H5弹性盒布局的使用(父容器属性)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有