HTML5笔记

本文介绍了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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值