html5语法
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">
<input type='checkboc'>
<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 插件能为你的网 ...
随机推荐
- 当子查询碰上NULL
情景: 现在有如图两个表,boy和girl,对应着Boy和Girl两个bean,有共同字段id.name,另外boy还有个外键grilfriend(指向girl的id) 现在要查询所有的Boy,如果有 ...
- Hashslider – 带有 Hash 标签功能的 jQuery 内容滑块
Hashslider 实现了常见的 jQuery 滑块的功能,特别之处在于给 URL 加上了标签,因此你能够连接到滑块的某块内容.滑块的内容也可以从外部的 HTML 文件获取. 您可能感兴趣的相关文章 ...
- 灵感来自 Google & YouTube 的苗条的进度栏效果
NProgress.js 是纳米级的进度条插件.拥有逼真的的涓涓细流动画效果来告诉你的用户,某些事情正在发生.它的灵感来自于谷歌,YouTube,应用了,这款苗条的进度条是完美的,适用于 Turbol ...
- JavaScript学习笔记-面向对象的模块化编程
面向对象的模块化编程 模块是一个独立的JS文件,模块文件可以包含一个类定义.一组相关的类.一个实用函数库.一些待执行的代码 模块化的目标:支持大规模的程序开发,处理分散源代码的组装,并能让代码正确执行 ...
- Flex Viewer (二)——体系结构
一.概述 在上一篇文章<深入浅出Flex Viewer (一)——概述>中,笔者对Flex Viewer用于构建以地图为中心的富客户端(RIA)应用的原型的功能和价值做了简要地介绍.在本文 ...
- 批量另存mxd
在GIS数据处理中,批量操作是经常遇到的问题,Python脚本是解决问题的最好方法.现在需要将arcgis10.1的mxd另存为10.0,不仅数量较多,而且每个mxd要素和标注非常多,手动来操作确实慢 ...
- OpenGL显示图片
最近想用C++在windows下实现一个基本的图像查看器功能,目前只想到了使用GDI或OpenGL两种方式.由于实在不想用GDI的API了,就用OpenGL的方式实现了一下基本的显示功能. 用GDAL ...
- 墙内下载DropBox离线安装包的方法
让你的浏览器FQ,然后进入官网,点击下载,你会看到这个网页: 现在,只需要在原下载的链接后加上“&full=1”即可.就像这样: https://www.dropbox.com/downloa ...
- Android 图片的合成
本文实现在Android下图片的合成 布局设计比较简单: <RelativeLayout xmlns:android="http://schemas.android.com/apk/r ...
- android fragment 的用法以及与activity的交互和保存数据的方法，包括屏幕切换(转载)！
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/37992017 1.管理Fragment回退栈 类似与Android系统为Acti ...