• html5语法


    html5语法沿用html语法,但更简单,更人性化。 

    一、DOCTYPE及字符编码

    DOCTYPE:<!doctype html>或者<!DOCTYPE html>因为html5语法不区分大小写。

    文档指定语言:<html lang="zh-CN">

    lang可以指定任意html元素使用的语言,lang的值必须是一个有效的iso语言代码,可访问http://tools.ietf.org/html/bcp47了解更多。需要注意的是处理语言是一个相当复杂和有技术含量的事情。

    <p lang="en">Hello - how are you?</p>
    <p lang="fr">Bonjour - comment êtes-vous?</>
    <p lang="es">Hola - ¿cómo estás?</p>

    字符编码:

    html5:

    <meta charset="utf-8">

    html:

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

     不能同时混合使用两种方式。

    css和js加载:<link>和<script>元素不再需要type属性

    html5:

    <link href="main.css" rel="stylesheet" />
    <script src="javascript.js"></script>

    html:

    <link href="main.css" rel="stylesheet" type="text/css" />
    <
    script type="text/javascript" src="javascript.js"></script>

    二、大小写都可以

    大小写在html里都可以,但是在xhtml【特别是strict模式】必须严格区分大小写。

    为什么html5反而大小写都可以了呢?是为了兼容更多的文档,就不再区分大小写。

    三、布尔值

    html写法:<input type="checkbox" checked="checked">

    html5写法:<input type="checkbox" checked>

    html5中增加布尔值,有属性为true,没有属性为false。

    四、省略引号

    <input type="checkbox">

    <input type='checkboc'>

    <input type=checkbox>三种写法都可以。

    当属性值不包括空字符串、“<”、“>”、"="、单引号、双引号等字符时,属性两边的引号可以省略。

    属性有空格当然就必须有单引号或者双引号。

    五、可以进行省略的标签

    1、不允许写结束符的标签:area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。

    举例:正确写法<input/><br/>

    2、可以省略结束符的标签:

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

    举例:

    html段落:<p>段落</p>

    html5段落:<p>段落

    3、可以完全省略的标签:

    html,head,body,colgroup,tbody

    当然没有说可以省略title。

    所以下面的写法也是标准的html5文档。

    <!doctype html>
    <title>test</title>
    <form>
    <input type="checkbox" checked />
    </form>

    注意:虽然html5语法很人性化,但是大小写还是建议小写,引号建议使用双引号,可以省略的标签在发送html5邮件时可以把这些<html><body>之类的省略掉,但是通常情况不建议省略。这样做可使文档更加规范。

  • 相关阅读:
    day35-python-网络编程
    oc-继承(inherit) 方法重写 继承与组合
    oc-self关键字
    oc-类方法
    oc-封装 get set方法
    oc-匿名对象
    oc-函数命名
    oc-函数,方法,类
    解决"authentication token manipulation error"
    让tomcat自动定位到项目
  • 原文地址:https://www.cnblogs.com/starof/p/4581778.html
Copyright © 2020-2023  润新知