首页 > 代码库 > html5语法

html5语法

2024-09-26 06:57:02   220人阅读

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="http://www.mamicode.com/main.css" rel="stylesheet" />
<script src="http://www.mamicode.com/javascript.js"></script>

html:

<link href="http://www.mamicode.com/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.mamicode.com/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语法


联系
我们