HTML5概述

HTML 5 是一种“妥协式”的网页制做规范,执行更宽松的语法标准,且再也不提供文档类型定义(DTD:document type definition)html

HTML 5 的优点:解决跨浏览器问题、部分代替了原来的Javascript、更明确的语义支持、加强了Web应用程序的功能浏览器

HTML 5 的基本结构和语法变化测试

HTML 5 的基本结构:

使用<!DOCTYPE html>代替原来的DTD,HTML5结构:spa

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文档标题</title>
</head>

<body>
    <p>文档内容</p>
</body>
</html>

HTML 5 的语法变化

a、标签再也不区分大小写,下面的写法在HTML5中是被容许的。

<p>我是HTML5</P>

b、部分元素不能写结束标签,而有些元素是能够省略结束标签,下面的元素是不能写结束标签的

area、base、br、col、command、embed、hr、img、input、keygen、link、mate、param、source、wbr
code

这些元素不容许写结束标签,像这样<img>...</img>,应该写成<img ... />htm

而下面的这些元素,是能够省略结束标签的,也就是可写也能够不写。ip

colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th开发

<p>其实我是一个p标签

像上面的写法在HTML5中是被容许的。文档

还有一种状况是能够省略所有标签的,像下面的这些元素字符串

html、head、body、tbody

<!DOCTYPE html>
<title>This is a Title</title>
<p>我是一个段落,但没有结束标签
<ol>
  <li>aaaaaa
  <li>bbbbbb
  <li>cccccc
  <img src="a.gif" alt="a" />
</ol>

上面的代码在HTML5中是被容许的,没有html、head和body标签

c、容许省略属性值的属性

HTML5容许能够不写属性的值,不写属性值或赋值为一个空字符串,表示为true,不写属性就表示该属性为false

<input type="checkbox" checked />
<input type="text" readonly />
<input type="text" disabled />
<option value="1" selected />

固然,HTML5也容许开发者执行XHTML的严格语法

d、容许属性值不使用引号

HTML5容许属性值不使用引号,这在XHTML中是被禁止的。

<img src=a.gif alt=测试 />
相关文章
相关标签/搜索