HTML5笔记

HTML5笔记

目录

DOCTYPE声明

html5中，文档声明只要在第一行写<!DOCTYPE html> 。

指定字符编码

在html4中，使用

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

在html5中，使用

<meta charset="UTF-8">

html5兼容html4的指定字符编码语句，但是不能两种混用。

可以省略标记的元素

在html5中，元素的标记可以省略。

元素分为：

  • 不允许写结束标记的元素：

    area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr.

  • 可以省略结束标记的元素：

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

  • 可以省略全部标记的元素：

    html, head, body, colgroup, tbody.

具有boolean属性的属性

  • 对于具有boolean属性的元素，如disabled与readonly等。当只写属性而不写属性值时，表示属性值为true；

    <!--设定为true-->
<input type="checkbox" checked>

    ​

  • 如果想要将属性值设为false， 可以不使用该属性。

    <!--设定为false-->
<input type="checkbox">

  • 如果要将属性值设置为true，可以将属性名设定为属性值，或将空字符串设定为属性值。

    <!--设定为true-->
<input type="checkbox" checked=""> 
<input type="checkbox" checked="checked">

    ​

省略引号

  • html4中，属性值两边可以用双引号，也可以用单引号。

  • html5在此基础上，做了改进。当属性值不含空字符串， “<”， “>”, "=", 单引号，双引号等字符时，属性值两边的引号可以省略。

    <!--这几种写法效果一样-->
<input type="text">
<input type='text'>
<input type=text>

    ​

html5示例

​

  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="utf-8">
  <title>文档标题</title>
  </head>
   
  <body>
  文档内容......
  </body>
   
  </html>

​

posted @ 2018-01-31 20:12  philhuan  阅读(290)  评论(0)    收藏  举报