• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > html标签的嵌套规则介绍

html标签的嵌套规则介绍

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含html标签,嵌套规则等相关知识,佚名 希望在学习及工作中可以帮助到您

XHTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢?


一、HTML 标签包括 块级元素(block)、内嵌元素(inline)

1、块级元素

一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:

2、内嵌元素

  一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:

1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:

  <div><h1></h1><p></p></div> —— 对</p> <p>  <a href=”#”><span></span></a> —— 对</p> <p>  <span><div></div></span> —— 错

2. 块级元素不能放在<p>里面:

  <p><ol><li></li></ol></p> —— 错</p> <p>  <p><div></div></p> —— 错

3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:

  li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都 可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大 滴……

5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:

  <div><h2></h2><p></p></div> —— 对</p> <p>  <div><a href=”#”></a><span></span></div> —— 对</p> <p>  <div><h2></h2><span></span></div> —— 错

您可能想查找下面的文章:

  • HTML常用标签大全及html标签的特点
  • html标签的嵌套规则介绍
  • HTML标签嵌套规则详细归纳适合新手朋友
  • 5个酷炫、实用的HTML标签和属性介绍
  • 将html标签在浏览器居中显示的css样式
  • html标签默认样式整理
  • html标签全称和功能介绍
  • HTML标签的overflow处理用应
  • Html中的其他标签
  • html基本标签

相关文章

  • 2017-08-05WEB标准 网页页面结构
  • 2017-08-21HTML和XML的区别·
  • 2017-08-05html超链接样式(四种不同状态)设置示例
  • 2017-08-05html中用href 实现点击链接弹出文件下载对话框
  • 2017-08-05HTML meta的大作用
  • 2017-08-14Html中的其他标签
  • 2017-08-05【网页设计】分享E-WebTemplates国外精美网页模板(FLASH+PSD源文件+HTML)
  • 2017-08-05HTML教程:收集的常用的HTML标签(5)
  • 2017-08-05iframe 自适应大小实现代码
  • 2017-08-05纯css为select添加样式(无脚本)实现

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html基本标签
    • 谈html mailto(电子邮件)实际应用
    • html发送邮件通过Mailto简单实现
    • 浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
    • HTML与XHTML、以及HTML4与HTML5标签之间的区别简介
    • 表单checkbox和radio文字对齐的代码
    • html页!--[if IE]...![endif]--使用详细介绍
    • 让前端开发者价值百万的10项技能
    • 在网页上调用桌面exe程序的简单方法
    • html中使用js来获取本地系统时间

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有