`
liuguofeng
  • 浏览: 450303 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

xhtml标签中的块级元素标签与内联元素标签

    博客分类:
  • html
 
阅读更多

块元素(block element) 形象点说就是一个四方块,可以放在页面上任何地方,一般都会另起一行显示。

常见的块级元素标签:

主要的结构化块状元素

 

  1. <ol>
  2. <ul>
  3. <dl>
  4. <table>

支持结构化的元素

 

  1. <li>
  2. <dt>
  3. <dd>
  4. <caption>
  5. <thead>
  6. <tbody>
  7. <tfoot>
  8. <colgroup>
  9. <col>

终端块状元素

 

  1. <h1>...<h6>
  2. <p>
  3. <blockquote>
  4. <dt>
  5. <address>
  6. <caption>

多目标块状元素

 

  1. <div>
  2. <li>
  3. <dd>
  4. <td>
  5. <form>
  6. <noscript>

内联元素(inline element) 一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。

  1. a - 锚点
  2. abbr - 缩写
  3. acronym - 首字
  4. b - 粗体(不推荐)
  5. bdo - bidi override
  6. big - 大字体
  7. br - 换行
  8. cite - 引用
  9. code - 计算机代码(在引用源码的时候需要)
  10. dfn - 定义字段
  11. em - 强调
  12. font - 字体设定(不推荐)
  13. i - 斜体
  14. img - 图片
  15. input - 输入框
  16. kbd - 定义键盘文本
  17. label - 表格标签
  18. q - 短引用
  19. s - 中划线(不推荐)
  20. samp - 定义范例计算机代码
  21. select - 项目选择
  22. small - 小字体文本
  23. span - 常用内联容器,定义文本内区块
  24. strike - 中划线
  25. strong - 粗体强调
  26. sub - 下标
  27. sup - 上标
  28. textarea - 多行文本输入框
  29. tt - 电传文本
  30. u - 下划线
  31. var - 定义变量
分享到:
评论

相关推荐

    XHTML标签的嵌套规则.pdf

    在XHTML的嵌套规则中,块级元素可以包含内联元素和其它块级元素,而内联元素只能包含内联元素。例如,一个块级元素可以包含一个或多个块级元素,而一个块级元素内部可以包含、等内联元素,但不能直接包含另一个。...

    重要知识XHTML标签的嵌套规则.pdf

    不能随意嵌套,例如,不应该将一个块级元素(block element)嵌套在内联元素(inline element)中,反之亦然。这是因为块级元素通常占据一整行,而内联元素则并排显示在同一行内。 块级元素和内联元素的主要区别...

    XHTML标签的嵌套规则分析

    本文主要探讨XHTML标签的嵌套规则,尤其是块级元素和内嵌元素之间的关系。 首先,XHTML标签分为块级元素(block-level elements)和内嵌元素(inline elements)。块级元素如`&lt;div&gt;`、`&lt;ul&gt;`、`&lt;li&gt;`、`&lt;h1&gt;`到`...

    XhtmlTag详解包含所有xhtml使用标签页面

    **XHTML标签详解** XHTML(Extensible HyperText Markup Language)是HTML的升级版,它结合了HTML的易用性和XML的严谨性。在XHTML中,所有的元素必须正确关闭,属性值必须用引号括起来,这使得XHTML代码更规范,更...

    XHTML基本操作

    1. 元素分类:XHTML元素分为块级元素(如`&lt;div&gt;`、`&lt;p&gt;`)和内联元素(如`&lt;span&gt;`、`&lt;a&gt;`)。块级元素会自动换行,内联元素则在同一行内显示。 2. 属性命名:属性名应遵循XML命名规则,只能包含字母、数字和下划线...

    xhtml开发指南

    1. 元素分类:块级元素(如`&lt;div&gt;`、`&lt;p&gt;`)和内联元素(如`&lt;span&gt;`、`&lt;a&gt;`),块级元素通常占据整行,内联元素则按顺序排列。 2. 属性规范:属性名小写,属性值用双引号包围,如`...

    XHTML知识点

    1. 块级元素:如`&lt;div&gt;`, `&lt;p&gt;`, `&lt;h1&gt;`至`&lt;h6&gt;`,它们通常独占一行,可以包含其他块级或内联元素。 2. 内联元素:如`&lt;span&gt;`, `&lt;a&gt;`, `&lt;b&gt;`,它们不会独占一行,常用于文本格式化或链接。 四、XHTML与CSS结合 ...

    web标准教程,帮你走进web标准设计的世界 第一讲

    在HTML中,标签可以分为两大类:块级元素和内联元素。 1. **块级元素**:块级元素占据一整行,前后都是换行符,如`&lt;div&gt;`、`&lt;p&gt;`等。块级元素可以包含行内元素和其它块级元素。 2. **内联元素**:内联元素不占据一...

    HTML考试考卷.docx

    2. 内联标签与块级标签的区别:`&lt;div&gt;`是块级元素,会占据一整行;`&lt;span&gt;`、` `和`&lt;hr&gt;`是内联元素,不会占用完整行。选择题中指出`&lt;div&gt;`不是行内标签。 3. XHTML编写规范:XHTML比HTML更严格,要求所有元素都...

    xhtml.pdf

    ### 块级元素与内联元素 块级元素(block-level elements)如`&lt;p&gt;`、`&lt;div&gt;`和`&lt;ul&gt;`等,它们通常占据独立的空间,形成页面布局的基本单位。内联元素(inline elements)如`&lt;span&gt;`、`&lt;a&gt;`和`&lt;img&gt;`等,则与周围的...

    web前端面试题.pdf

    display属性可以将行内元素转换为块级元素、将块级元素转换为行内元素、转换为内联元素等。 8. CSS选择符 CSS选择符包括id选择器、类选择器、标签选择器、相邻选择器、子选择器、后代选择器、通配符选择器、属性...

    C# xhtml 基础1:格式化文本

    `&lt;div&gt;`作为块级元素,可以包裹其他元素,常用于布局;`&lt;span&gt;`为行内元素,用于在文本中应用样式。C#中使用WriteStartElement方法创建这些元素,并通过CSS类(如在linkCss.css和importCss.css中定义)来设定样式。 ...

    XHTML+ajax实战教程

    4. **内联与块级元素**:了解如何正确使用内联元素(如`&lt;span&gt;`、`&lt;a&gt;`)和块级元素(如`&lt;div&gt;`、`&lt;p&gt;`),以及它们在布局中的作用,是XHTML基础中的重要部分。 **Ajax核心技术** 1. **XMLHttpRequest对象**:Ajax...

    1_htmlcss规范.docx

    - 特殊的块级元素,如`h1`至`h6`、`p`、`dt`,只能包含内联元素。 - `li`可以包含`div`,因为它们都是内容容器。 - 块级元素不应被置于`p`标签内,以避免语义错误。 二、CSS规范 1. 命名空间 - 命名空间有助于提高...

    2021年前端面试题汇总.docx

    2. XHTML标签必须小写 3. XHTML空标签必须关闭 4. XHTML文档必须有根元素&lt;html&gt;&lt;/html&gt; 八、Div+CSS布局的好处 1. 代码精简,且结构与样式分离,易于维护 2. 代码量减少了,页面加载速度更快,用户体验提升 3. 对...

    CSS权威指南1

    在HTML中,块级元素不能嵌套在行内元素内,但在CSS中,通过设置`display`属性,可以灵活地改变元素的显示模式。 此外,外部样式表通过`&lt;link&gt;`标签引入,如`...

Global site tag (gtag.js) - Google Analytics