html5语法沿用html语法，但更简单，更人性化。

一、DOCTYPE及字符编码

DOCTYPE:<!doctype html>或者<!DOCTYPE html>因为html5语法不区分大小写。

文档指定语言：<html lang="zh-CN">

lang可以指定任意html元素使用的语言，lang的值必须是一个有效的iso语言代码，可访问http://tools.ietf.org/html/bcp47了解更多。需要注意的是处理语言是一个相当复杂和有技术含量的事情。

<p lang="en">Hello - how are you?</p>

<p lang="fr">Bonjour - comment êtes-vous?</>

<p lang="es">Hola - ¿cómo estás?</p>

字符编码：

html5:

<meta charset="utf-8">

html:

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

不能同时混合使用两种方式。

css和js加载：<link>和<script>元素不再需要type属性

html5:

<link href="main.css" rel="stylesheet" />

<script src="javascript.js"></script>

html:

<link href="main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript.js"></script>

二、大小写都可以

大小写在html里都可以，但是在xhtml【特别是strict模式】必须严格区分大小写。

为什么html5反而大小写都可以了呢？是为了兼容更多的文档，就不再区分大小写。

三、布尔值

html写法：<input type="checkbox" checked="checked">

html5写法：<input type="checkbox" checked>

html5中增加布尔值，有属性为true，没有属性为false。

四、省略引号

<input type=checkbox>三种写法都可以。

当属性值不包括空字符串、“<”、“>”、"="、单引号、双引号等字符时，属性两边的引号可以省略。

属性有空格当然就必须有单引号或者双引号。

五、可以进行省略的标签

1、不允许写结束符的标签：area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。

举例：正确写法<input/><br/>

2、可以省略结束符的标签：

li,dt,dd,p,rt,optgroup,option,colgroup,thread,tbody,tr,td,th

举例：

html段落:<p>段落</p>

html5段落：<p>段落

3、可以完全省略的标签：

html,head,body,colgroup,tbody

当然没有说可以省略title。

所以下面的写法也是标准的html5文档。

<!doctype html>

<title>test</title>

<form>

<input type="checkbox" checked />

</form>

注意：虽然html5语法很人性化，但是大小写还是建议小写，引号建议使用双引号，可以省略的标签在发送html5邮件时可以把这些<html><body>之类的省略掉，但是通常情况不建议省略。这样做可使文档更加规范。

html5语法的更多相关文章

bootstrap学习起步篇：初识bootstrap之html5语法构建hello篇（一）
目前选择使用bootstrap作为前端页面模板,是件很省心的事情.官网上给出的实例和教程也很多.在实际使用过程中,我们也许还要借助文档去了解它的元素和样式.但也不能减少我们使用他的兴趣. 我准备将其整 ...
让vs2010的html编辑器验证html5语法
或者在Tools -> option -> Text Editor -> Html -> Validation
html5语法改变
<!doctype html> 简化了 <meta http-equiv="Content-type" content="text/html;chars ...
HTML5学习笔记简明版（1）：HTML5介绍与语法
HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...
HTML5 学习总结（一）——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
HTML5 与 CSS3 jQuery部分知识总结
一. HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...
HTML5 学习笔记（一）——HTML5概要与新增标签
目录一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
HTML5 与 CSS3 jQuery部分知识总结【转】
一. HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...
网站开发中很实用的 HTML5 & jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

随机推荐

import 本地Python module或package
很基础很重要的一课,虽然很简单,但是防止以后忘了,还是记下来这个笔记里说的都是import本地的,自己创建的,或者复制粘贴的别人的,总之“不是安装到library”的module or packag ...
Walkway.js – 用线条制作简约的 SVG 动画
Walkway.js 是一个使用线条和路径元素组成 SVG 动画图像的简单方法.只需根据提供的配置对象创建一个新的 Walkway 实例就可以了.这种效果特别适合那些崇尚简约设计风格的网页.目前, W ...
20款时尚的 WordPress 企业模板【免费主题下载】
在这篇文章中,我们收集了20款时尚的 WordPress 企业模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单 ...
Hexo - 快速，轻量，强大的 Node.js 博客框架
Hexo 是一个快速,轻量,强大的 Node.js 博客框架.带给你难以置信的编译速度,瞬间生成静态文件:支持 Markdown,甚至可以在 Hexo 中集合 Octopress 插件:只需要一个命令 ...
【HTML点滴】WWW简介
www 什么是WWW www(world wide web),又称为万维网,或通常称为web,是一个基于超文本方式的信息检索服务工具. WWW的工作模式 C/S结构(client/server结构), ...
HTTP与HTTPS握手的那些事
今天我总结了什么是HTTP三次握手,还有HTTPS握手的过程以及为什么HTTPS是安全的. 前提在讲述这两个握手时候,有一些东西需要提前说明. HTTP与TCP/IP区别? TPC/IP协议是传输层 ...
SharePoint 2013 在母版页中插入WebPart
最近QQ群里有朋友问,如何在母版页里插入自己开发的WebPart.其实很简单,母版页中虽然不允许插入WebPartZone,但是Designer就可以插入WebPart:或者手动注册,然后插入WebP ...
SharePoint文档库，如何在新窗口打开中的文件
默认情况下,点击文档库中的文件是在当前浏览器中打开的(如果你设置的是在客户端软件打开,则不符合本文情况).那么如果让他在新窗口中打开呢? 这里需要借助jQuery,关于如何将jQuery集成到Shar ...
直接拿来用！十大Material Design开源项目
来自:http://www.csdn.net/article/2014-11-21/2822753-material-design-libs/1 介于拟物和扁平之间的Material Design自面 ...
JavaScript学习02 基础语法
JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...

html5语法