简单的html5,简单的HTML5初步入门教程
HTML5 代表未来;W3C ( World Wide Web Consortium, 万维网联盟) 已经放弃 XHTML,从而使 HTML5 成为正式标准并得到认可。
HTML5 是下一代的 HTML。
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准,目标是取代现有的HTML4.01和XHTML1.0标准。它希望能够减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依
赖,并且提供更多能有效增强网络应用的API。
HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 是 W3C 与 WHATWG 合作的结果。
WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
为 HTML5 建立的一些规则:
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求(比如 Flash)
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发进程应对公众透明
最简单的 HTML5 文档
XML/HTML Code复制内容到剪贴板
html>
A Tiny HTML Document
Let's rock the browser, HTML5 style.
只包含一行文本的超简单的 HTML5 文档,它在浏览器中效果如下:
更常见的结构用
和 来分块,把页面的信息和页面的实际内容分开,并用 来封装整个文档,现在的文档样子如下:
XML/HTML Code复制内容到剪贴板
html>
A Tiny HTML Document
Let's rock the browser, HTML5 style.
、
和 HTML5 不要求这些元素,但是这种书写风格比较好。
HTML5 文档类型
XML/HTML Code复制内容到剪贴板
html>
第一行都必须是一个特定的文档类型声明,用于告诉后面的文档标记遵循哪个标准。HTML5 的文档类型声明极其简单。
字符编码
现在大部分网站都使用 UTF-8 的编码,这种编码简洁、转换速度快,而且支持任何你想要的非英文字符。
在 HTML5 中增加字符编码信息很简单,在
中增加 元素,如下:
XML/HTML Code复制内容到剪贴板
A Tiny HTML Document
Dreamweaver 设计工具在创建新的网页时会自动添加这个元信息,并且也会将文件保存为 UTF 编码格式。如果你使用的是最简单的文本编辑器,在保存的时候记得选择正确的编码(UTF-8)。
页面语言
指明网页中使用的自然语言是一种好的习惯。为给内容指定语言,可在任何元素上使用 lang 属性。
为整个页面添加语言说明,就是为 元素指定 lang 属性,如下代码:
XML/HTML Code复制内容到剪贴板
如果页面包含多种语言的文本,那么这个信息细节对于屏幕阅读器也是很有用的。
添加样式表
只要是经过特意设计的专业网站,就一定会使用样式表。指定要使用的 CSS 样式表时,需要在
中增加 元素,如下:
XML/HTML Code复制内容到剪贴板
A Tiny HTML Document
添加 JavaScript
在 HTML5 中添加 JavaScript 与在传统页面上添加差不多,例如:
XML/HTML Code复制内容到剪贴板
A Tiny HTML Document
没有必要添加 language=”JavaScript”属性。浏览器假定你要使用的 JavaScript。
特别注意:
如果你要在 IE 中花大量时间测试包含 JavaScript 的页面,还应该增加一个特殊的注释,叫Web标志(saved from url=),这行注释要放在指定字符编码元素的后面,如下:
XML/HTML Code复制内容到剪贴板
A Tiny HTML Document
这条注释告诉 IE 将页面视为从远程网站上下载下来的,否则,IE 会切换到一种特殊锁定模式,弹出一条安全警告,在你点了“允许阻止的内容”按钮之后才会执行 JavaScript 代码。
(0014) 指的是 about:internet 字符串的长度。
最终结果
一个完整美观的 HTML5 代码最终如下:
XML/HTML Code复制内容到剪贴板
html>
A Tiny HTML Document
Let's rock the browser, HTML5 style.
简单的html5,简单的HTML5初步入门教程相关推荐
- python儿童编程教程视频_简单回顾_清华尹成python入门教程_少儿编程视频-51CTO学院...
此课程与<清华编程高手.尹成.带你实战python入门>大体相同,只需购买其中的一门课程. 本课程由清华大学尹成老师录制,课程的特色在于讲解原理的同时引入了每个程序员都热衷的黑客技术.py ...
- springboot 入门教程(4)--web开发(spring mvc和Thymeleaf模板,带源码)
2019独角兽企业重金招聘Python工程师标准>>> 首先回顾下前几篇的内容:springboot 入门教程(1),springboot 入门教程-Thymeleaf(2), sp ...
- Jupyter notebook 入门教程
原文链接:https://www.dataquest.io/blog/jupyter-notebook-tutorial/ Jupyter notebook 是一个很强大的交互式和展示数据科学项目的工 ...
- 80篇各ajax框架入门教程
AJAX经典入门教程,入门实例,入门代码收藏. *VS2008 Ajax.NET快速入门教程* (2008-3-25) [本站原创]Ajax!?!入门教程之道 (2008-4-13) [本站原创]Aj ...
- 一维数组c语言,c语言一维数组_C语言一维数组入门教程
摘要 腾兴网为您分享:C语言一维数组入门教程,优衣库,小米手环,小米钱包,小度等软件知识,以及胎教宝典,一级建造师题库软件,康佳渠道,刷点卷,一加系统,音乐节拍器,liveuc视频会议,辽宁省政务服务 ...
- c语言用一维数组存储数据,C语言一维数组入门教程
本文章来简单的介绍入门级的c语言入门教程,下面我来介绍C语言一维数组的使用方法,包括有一维数组,数组的引,数组的遍历用,数组的初始化等. 一.一维数组 1.定义一个一维数组: (1)格式:存储类别 ...
- 无废话SharePoint入门教程三[创建网站集和网站]
一.前言 前两篇文章讲解了什么是SharePoint,并且介绍了在SharePoint中一些常用的概念.但概念终究是概念,我们还是要脚踏实地的去动手实践.下面的文章对于了解SharePoint的人来说 ...
- 【前端实例代码】Html5+css3创建新拟态新拟物风格(Neumorphism)音乐播放器+注册登录页表单图标网页效果~前端开发网页设计基础入门教程~超简单~
b站视频演示效果: [前端实例代码]Html5+css3创建新拟态新拟物风格(Neumorphism)音乐播放器+注册登录页表单图标网页效果!前端开发网页设计基础入门教程!超简单~ 效果图: 完整代码 ...
- 【前端实例代码】Html5+css3+JavaScript创建在线播放架子鼓电子鼓演奏网页效果!前端开发网页设计基础入门教程!超简单~
b站视频演示效果: [前端实例代码]Html5+css3+JavaScript创建在线播放架子鼓电子鼓演奏网页效果!前端开发网页设计基础入门教程!超简单~ 效果图: 完整代码: <!DOCTYP ...
最新文章
- java mysql 数据库
- 轩逸车联网功能怎么用_北斗已建设完成,那“北斗导航”怎么用?“短报文功能”怎么用?...
- 熊猫数据集_对熊猫数据框使用逻辑比较
- vue错误:vue.esm.js?efeb:628 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of
- 每天一个知识点:Python列表两个冒号加一个负数的表达方法
- Django 文件上传与下载的相关问题
- pycharm创建django项目界面解释
- UVA10689 Yet another Number Sequence【数列+矩阵快速幂】
- python电脑配置-入门学python需要什么配置的电脑?
- pdf转ppt_好用的pdf转ppt(一个神站+一个神器)
- crmeb单商户4.4开目录结构 crmeb二开文档 crmeb二开目录结构
- 带你走进springboot
- 百度盈利模式的弱点在哪里
- 把EXCEL表格导入到MYSQL中_将EXCEL表格中的数据导入mysql数据库表中(两种方法)...
- Win10+yolov5 踩坑记录
- android lunch menu,android lunch函数浅析
- 【第五人格设计思路】守墓人·角色设计思路
- 使用PCIE的TTE卡遇到的rcu: INFO: rcu_sched self-detected stall on CPU问题解决
- Linux kernel简介
- 编写一个程序,模拟扔硬币的结果
热门文章
- 【控制】《多无人机协同控制技术》周伟老师-第4章-基于 PID 的无人机编队运动控制策略
- Python class 类中 __init__ 函数
- 水果电池打造柠檬电动汽车!
- 2017年新年问候-组内
- Win10系统下Visio安装失败问题
- 通过串口输入控制指令控制图像在VGA显示器中的显示位置
- 达夫设备(Duff‘s Device)
- 关于docker的存储驱动
- percona-toolkit之pt-kill:杀掉mysql查询或连接
- CNN收购Beme视频分享APP 11个员工也将加入