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>

原文地址:https://www.cnblogs.com/hjw1/p/8394731.html