HTML5基本介绍
HTML5简介
HTML是互联网上应用最广泛的标记语言。HTML文件就是普通文本+HTML标记,而不同的HTML标记能表示不同的效果。(简单的说HTML是超文本标记语言)
HTML5
草案的前身名为 Web Applications 1.0
,于2004年被WHATWG
提出,于2007年被W3C
接纳,并成立了新的 HTML
工作团队。
如果从狭义的角度来讲,HTML5
就是HTML4
的新一代产品。
而如果从广义的角度来讲,则是新一代的富客户端解决方案
。
1. HTML到HTML5
- 元素的标签名大小写混杂的情况。
- 元素没有合理结束的情况。
- 元素中使用了属性,但没有制定属性值的情况。
- 为元素的属性制定属性值时没有使用引号。
2. HTML5的优势
支持Html5的浏览器包括Firefox
(火狐浏览器),IE9
及其更高版本,Chrome
(谷歌浏览器),Safari
,Opera
等;国内的 遨游浏览器(Maxthon
),以及基于IE
或Chromium
(Chrome
的工程版或称实验版)所推出的360浏览器
、搜狗浏览器
、QQ浏览器
、猎豹浏览器
等国产浏览器同样具备支持HTML5的能力。
需要注意的是,虽然很多浏览器目前已经能够支持HTML5
,但是显示效果仍旧存在差异性。这时,我们如果从样式的角度出发,可以采用下面的几种css
方案。
3. HTML5基本结构与语法变化
HTML5基本结构
<!DOCTYPE html> //文档声明 <html> <head> //负责网页的一些预定义信息 <title>页面标题</title> <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/> //设定字符集 <!- - 此处还可插入其他meta、样式单等信息 --> </head> <body> 页面内容 </body> </html>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<meta charset=“gb2312” />
也许会有人问:“HTML4已经很普及了,如果改变基础语法,会不会有什么影响?”
我们都知道,在HMTL5之前几乎没有符合标准规范的Webu浏览器!在这种情况下,各个浏览器之间的互相兼容性和互操作性在很大程度上取决于网站建设开发者的努力,而浏览器本身始终是存在缺陷的。
前面章节讲过,HTML5就是把解决各Web浏览器的兼容性作为目标的。所以各Web浏览器的供应商们可以把HTML5分析器集中封装在自己的浏览器中。
最新的Firefox(默认为4.0以后的版本)与WebKit浏览器引擎中都迅速封装了HTML使用的分析器,IE与Opera也在努力加快对HTML5的支持,浏览器兼容性的提高指日可待!
<img src=“a.gif” alt=“a”></img> (这是错误的)
<img sec=“a.gif” alt=“a” />
<img src=“a.gif” alt=“a">
扩展知识:
HTML语法是在SGML语言的基础上建立的。但是SGML语法很复杂,要开发能够解析SGML语法的程序也很不容易,所以很多浏览器都不包含SGML 分析器。一次,虽然HTML基本上遵从SGML语法,但是对于HTML的执行在各个浏览器之前没有一个统一的标准。所以也就有了HTML5为之努力实现各 浏览器见的标准。
SGML(Standard Generalized Markup Language)标准通用标记语言,是现时常用的超文本格式的最高层次标准,是可以定义标记语言的元语言,甚至可以定义不必采用< >的常规方式。由于SGML的复杂,因而难以普及。
SGML例子:
<
QUOTE
TYPE
=
"example"
>
typically something like <
ITALICS
>this</
ITALICS
>
</
QUOTE
>
原文地址:https://www.cnblogs.com/yu412/p/11396306.html
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例