zoukankan      html  css  js  c++  java
  • 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>
    

  • 相关阅读:
    webstorm配置github 以及本地代码上传github。
    日期控件------moment.js
    图片查看器
    日期
    配置一个node服务器
    git代码管理
    vue
    javascript (字符串, 数组, 对象 , 日期 和 操作元素节点 动画 定时器)
    html css
    JS常用方法
  • 原文地址:https://www.cnblogs.com/hjw1/p/8394731.html
Copyright © 2011-2022 走看看