• HTML 160 0 1 发布

    HTML文档由嵌套的HTML元素构成,下面是HTML文档结构的一个示意图:

    DOCTYPE

    HTML5语法要求文档必须声明DOCTYPE以确保浏览器可以在标准模式下展示页面。这个DOCTYPE没有其它的目的,并且在XML里是可选项,因为XML媒体格式的文档一直就是在标准模式下处理的。

    老版本的HTML因为是基于SGML的,需要引用一个DTD,所以DOCTYPE很长。

    而HTML5只需要象下面这样简单指定一下就可以了

    <!DOCTYPE html>

    上述语法不区分大小写。

    字符编码

    HTML5允许使用如下简单的语法指定字符编码,语法不区分大小写。

    <meta charset="UTF-8">

    来替换老版本的写法:

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

    HTML5元素使用起始标签和结束标签标记,标签名不区分大小写,但一般约定俗成为小写。 例如:

    <p>This is a paragraph</p>

    大多数元素都包含一些内容,比如 <p>…</p> 包含一个段落,内容可能也会嵌入其他HTML元素,但也有些元素不能包含任意内容,它们被称作空白元素,比如,br,hr等等。

    属性

    HTML5元素包含属性,有些属性被定义为全局的,可以用在任何元素上,而其他的被定义为元素特有的。 所有的属性都有一个名称和一个值,只能在起始标签中指定。

    全局属性一览

    和标签名一样,属性名也不区分大小写,但也是一般约定俗成为小写。

    另外,HTML5允许在元素里添加自定义属性,自定义数据属性名以 data- 开头。

    <ul id="myTab" class="nav nav-tabs"> <li class="active"> <a href="#home" data-toggle="tab">Home</a> </li> <li> <a href="#profile" data-toggle="tab">Profile</a> </li> <li class="dropdown"> <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="myTabDrop1"> <li> <a href="#dropdown1" data-toggle="tab">@fat</a> </li> <li> <a href="#dropdown2" data-toggle="tab">@mdo</a> </li> </ul> </li> </ul> 注释代码

    HTML里可以写注释代码,HTML注释的开始使用<!–,结束使用–>。 注释不会显示在页面中,浏览器会忽略它们。

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <!--连接跳转至互道科技官网--> <a href="www.hudaokeji.com" title="南昌互道科技有限公司">互道科技</a> </body> </html>

  • HTML 65 0 1 发布

    HTML的内容模型(Content Model)定义了各个HTML元素间可能的包含关系。

    概述

    HTML4中,HTML元素被被分成inline(内联元素)与block(块级元素)两大类,HTML5放弃了这种分类,重新定义了内容模型(Content Model)并将HTML元素扩展为7大类。

    元数据型 元数据型(Metadata)元素是指那些定义文档元数据信息的元素, 其作用包括:影响文档中其它节点的展现与行为、定义文档与其它外部资源之间的关系等。
    包括:
    <base><command><link><meta><noscript><script><style><title> 文档流型

    所有可以放在<body>标签内,构成文档内容的元素均属于文档流型(flow)元素。因此,除了只能放在<head>标签内的<base>, <link>, <meta>, <style>, <title>元素外,剩下的所有元素均属于文档流型(flow)元素。

    区块型 区块型(sectioning)元素是定义页面分区的元素,包括四个元素:
    <article><aside><nav><section> 标题型 标题型(heading)元素是定义区块内容标题的元素,包括七个元素:
    <h1>到<h6><hgroup> 语句型

    所有可以放在<p>标签内,构成段落内容的元素均属于语句型(phrasing)元素,语句型(phrasing)元素均属于文档流型(flow)元素。基本上有点等同于HTML4里的内联元素。

    内嵌型

    内嵌型(embedded)元素允许在文档引入另一个资源的元素或者插入文档的另一种语言,包括九个元素:

    <audio><canvas><embed><iframe><img><math><object><svg><video> 交互型

    交互型(interactive)元素是专门用于用户交互的元素,包括十四个元素:

    <a><audio><button><details><embed><iframe><img><input><keygen><label><menu><object><select><textarea>

热门总结

  • HTML 160 0 1 发布

    HTML文档由嵌套的HTML元素构成,下面是HTML文档结构的一个示意图:

    DOCTYPE

    HTML5语法要求文档必须声明DOCTYPE以确保浏览器可以在标准模式下展示页面。这个DOCTYPE没有其它的目的,并且在XML里是可选项,因为XML媒体格式的文档一直就是在标准模式下处理的。

    老版本的HTML因为是基于SGML的,需要引用一个DTD,所以DOCTYPE很长。

    而HTML5只需要象下面这样简单指定一下就可以了

    <!DOCTYPE html>

    上述语法不区分大小写。

    字符编码

    HTML5允许使用如下简单的语法指定字符编码,语法不区分大小写。

    <meta charset="UTF-8">

    来替换老版本的写法:

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

    HTML5元素使用起始标签和结束标签标记,标签名不区分大小写,但一般约定俗成为小写。 例如:

    <p>This is a paragraph</p>

    大多数元素都包含一些内容,比如 <p>…</p> 包含一个段落,内容可能也会嵌入其他HTML元素,但也有些元素不能包含任意内容,它们被称作空白元素,比如,br,hr等等。

    属性

    HTML5元素包含属性,有些属性被定义为全局的,可以用在任何元素上,而其他的被定义为元素特有的。 所有的属性都有一个名称和一个值,只能在起始标签中指定。

    全局属性一览

    和标签名一样,属性名也不区分大小写,但也是一般约定俗成为小写。

    另外,HTML5允许在元素里添加自定义属性,自定义数据属性名以 data- 开头。

    <ul id="myTab" class="nav nav-tabs"> <li class="active"> <a href="#home" data-toggle="tab">Home</a> </li> <li> <a href="#profile" data-toggle="tab">Profile</a> </li> <li class="dropdown"> <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu" aria-labelledby="myTabDrop1"> <li> <a href="#dropdown1" data-toggle="tab">@fat</a> </li> <li> <a href="#dropdown2" data-toggle="tab">@mdo</a> </li> </ul> </li> </ul> 注释代码

    HTML里可以写注释代码,HTML注释的开始使用<!–,结束使用–>。 注释不会显示在页面中,浏览器会忽略它们。

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <!--连接跳转至互道科技官网--> <a href="www.hudaokeji.com" title="南昌互道科技有限公司">互道科技</a> </body> </html>

  • HTML 65 0 1 发布

    HTML的内容模型(Content Model)定义了各个HTML元素间可能的包含关系。

    概述

    HTML4中,HTML元素被被分成inline(内联元素)与block(块级元素)两大类,HTML5放弃了这种分类,重新定义了内容模型(Content Model)并将HTML元素扩展为7大类。

    元数据型 元数据型(Metadata)元素是指那些定义文档元数据信息的元素, 其作用包括:影响文档中其它节点的展现与行为、定义文档与其它外部资源之间的关系等。
    包括:
    <base><command><link><meta><noscript><script><style><title> 文档流型

    所有可以放在<body>标签内,构成文档内容的元素均属于文档流型(flow)元素。因此,除了只能放在<head>标签内的<base>, <link>, <meta>, <style>, <title>元素外,剩下的所有元素均属于文档流型(flow)元素。

    区块型 区块型(sectioning)元素是定义页面分区的元素,包括四个元素:
    <article><aside><nav><section> 标题型 标题型(heading)元素是定义区块内容标题的元素,包括七个元素:
    <h1>到<h6><hgroup> 语句型

    所有可以放在<p>标签内,构成段落内容的元素均属于语句型(phrasing)元素,语句型(phrasing)元素均属于文档流型(flow)元素。基本上有点等同于HTML4里的内联元素。

    内嵌型

    内嵌型(embedded)元素允许在文档引入另一个资源的元素或者插入文档的另一种语言,包括九个元素:

    <audio><canvas><embed><iframe><img><math><object><svg><video> 交互型

    交互型(interactive)元素是专门用于用户交互的元素,包括十四个元素:

    <a><audio><button><details><embed><iframe><img><input><keygen><label><menu><object><select><textarea>