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语法的更多相关文章

  1. bootstrap学习起步篇:初识bootstrap之html5语法构建hello篇(一)

    目前选择使用bootstrap作为前端页面模板,是件很省心的事情.官网上给出的实例和教程也很多.在实际使用过程中,我们也许还要借助文档去了解它的元素和样式.但也不能减少我们使用他的兴趣. 我准备将其整 ...

  2. 让vs2010的html编辑器验证html5语法

    或者在Tools -> option -> Text Editor -> Html -> Validation

  3. html5语法改变

    <!doctype html> 简化了 <meta http-equiv="Content-type" content="text/html;chars ...

  4. HTML5学习笔记简明版(1):HTML5介绍与语法

    HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...

  5. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  6. HTML5 与 CSS3 jQuery部分知识总结

    一.    HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...

  7. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

  8. HTML5 与 CSS3 jQuery部分知识总结【转】

    一.    HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...

  9. 网站开发中很实用的 HTML5 & jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...

随机推荐

  1. 用css计算选中的复选框有几个

    上代码: <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>计数< ...

  2. 【javascript激增的思考01】模块化编程

    前言 之前我做过一个web app(原来可以这么叫啦),在一个页面上有很多小窗口,每个小窗口都是独立的应用,比如: ① 我们一个小窗口数据来源是腾讯微博,需要形成腾讯微博app小窗口 ② 我们一个小窗 ...

  3. SharePoint 2013 内容部署报错

    错误信息 一 Export ran out of memory while compressing a very large file. To successfully export, turn co ...

  4. 《The Linux Command Line》 读书笔记02 关于命令的命令

    <The Linux Command Line> 读书笔记02 关于命令的命令 命令的四种类型 type type—Indicate how a command name is inter ...

  5. iOS多线程中,队列和执行的排列组合结果分析

    本文是对以往学习的多线程中知识点的一个整理. 多线程中的队列有:串行队列,并发队列,全局队列,主队列. 执行的方法有:同步执行和异步执行.那么两两一组合会有哪些注意事项呢? 如果不是在董铂然博客园看到 ...

  6. 退出多个activity的方法

    1.使用List集合方式 用list保存activity实例,然后逐一干掉 import java.util.LinkedList; import java.util.List; import and ...

  7. phonegap + Framework7 之 ios 推送跳转测试

    先说说项目情况:使用phonegap创建的ios项目,然后在使用html + css开发网页中又使用了一个框架Framework7(Framework7是一个构建仿原生ios和android应用的框架 ...

  8. 【Android】HorizontalScrollView内子控件横向拖拽

    前言 网上ListView上下拖动的例子有,效果也很好,但是项目要横着拖的,只要硬着头皮自己写(主要是没找到合适的),参考文章1修改而来,分享一下. 声明 欢迎转载,但请保留文章原始出处:)  博客园 ...

  9. js 继承

    ECMAScript只支持实现继承(继承实际的方法),主要依靠原型链来实现. 1.原型链 基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 示例: function SuperType ...

  10. [css]我要用css画幅画(一)

    几年前开始就一直想用css画幅画. 今天才真正开始, 从简单的开始. 作为一个工作压力那么大的程序员,我首先要画一个太阳. html如下: <!DOCTYPE html> <html ...