好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

详细了解HTML标签内容模型_html/css_WEB-ITnose

目录 [1]元数据型 [2]区块型 [3]标题型 [4]文档流型 [5]语句型 [6]内嵌型 [7]交互型

前面的话

   HTML核心的部分莫过于标签(tag)了。标签是用来描述文档中的各自内容基本单元,不同标签表示着不同的含义,标签之间的嵌套表示了内容之间的结构。

  HTML标签在HTML5中内容模型拓展到了7类,包括元数据型、区块型、标题型、文档流型、语句型、内嵌型、交互型。但即使是这7个类别也没有完全覆盖所有元素的所有情况,元素可以不属于任何一个类别,被称为穿透的;很多元素可能属于不止一个类别,称为混合的。

  HTML标签详细信息见此w3c链接

分类

【1】元数据型(metadata)

  设置展示、行为、关联文档或其他内容的元数据的元素

   元素包含文档的元素数据,包括 、 、、 、 、 、 和 共8个

  详细信息移步到此

【2】区块型(sectioning)

  定义区块内容范围的元素,包括、、 、 四个元素

  详细信息移步到此

【3】标题型(heading)

  定义区块内容标题的元素,包括

到 以及

  

到 :区块中的标题 ( -> headline)

    

->

->

-> -> -> 重要性减弱、字体大小减小

    [注意]微软公司的bing搜索引擎指出页面不应该含有多于一个的h1元素

  【默认样式】

margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;font-weight: bold; 

    [注意]一个区块中,

只能出现一个

   :标题组,用于组合标题,只在区块需要有多个级别的标题时使用 

     

水果

苹果

【4】文档流型(flow)

  大部分文档 内的元素,只有部分元数据式元素不属于流式,它们是 和

  

:表示主题相近的若干句子组成的文本块(

-> paragraph)

  【默认样式】

margin: 16px 0; 

   :定义为不同主题内容间的分隔符

  【默认样式】

margin: 8px 0;border-style: inset;border-width: 1px; 

    [注意]区块之间不需要使用 进行分割

  

:预格式化的文本,通常表示已排版的内容,如代码块和字符画等

  【默认样式】

margin: 1em 0;white-space: pre; 

   :表示引用来自其他来源的内容,cite属性表示来源url

  【默认样式】

margin: 1em  40px; 

    [注意]引用的署名必须在引用外部定义

   

横眉冷对千夫指,俯首甘为孺子牛

鲁迅

  

  关于列表类元素的详细信息移步到此

  

  适合于数据表展现的数据,需要用表格来标记。关于表格类元素的详细信息移步到此

    

  表单元素包括文本框、下拉菜单、复选框以及其他用于收集用户在表单里输入的元素。详细信息移步到此

【5】语句型(phrasing)

  文档里的文字、在段落中标记文字的元素等

     超链接锚点

    关于锚点的详细信息移步至此

  除之外,该类型元素的详细信息移步至此

【6】内嵌型(embedded)

  由于HTML本身提供的元素的表达能力有限,允许嵌入内容成为浏览器开发者不得不做的事情,在文档引入另一个资源的元素或者插入文档的另一种语言。嵌入式内容包括、 、 、 、 、 、 和 九类

  [注意]该类元素中, 、 这三个元素不设置宽高时,默认宽高为300px*150px

     ( -> image 图像)

  关于图像标签的详细信息移步至此

  

  关于框架标签的详细信息移步至此

  

  关于 的详细信息移步至此

  音频和视频

  关于音频和视频类标签的详细信息移步至此

【7】交互型(interactive)

  专门用于用户交互的元素,包括、、 、 、 、 、 、 、 、 、 、 、 、

  其中, 、 、 、 这四个交互元素浏览器的支持性还不太好

  关于 和 的详细信息移步至此

查看更多关于详细了解HTML标签内容模型_html/css_WEB-ITnose的详细内容...

  阅读:37次