20期PHP线上班
首页 >web前端 >前端问答 > 正文

html5不能换行的标签

原创2022-07-29 17:33:27513 关注公众号:每天精选资源文章推送

html5不能换行标签:1、a,定义超链接,用于从一个页面链接到另一个页面;2、abbr,用来表示一个缩写词或者首字母缩略词;3、b,定义粗体的文本;4、bdo,定义文字方向;5、cite,定义作品的标题;6、em,用来呈现为被强调的文本;7、i,定义斜体;8、img,定义HTML页面中的图像;9、input,定义输入框;10、sub,定义下标文本;11、sup,定义上标文本。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML中标签元素一般会分成三种不同类型,分别为:块状元素,行内元素,行内块状元素。

其中行内元素和行内块状元素是不能换行的。

行内元素的特点:

1、和其他内联元素从左到右在一行显示,不会自动换行,默认排列方式为从左到右;

2、不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的

3、内联元素的宽高是由本身内容的大小决定(文字、图片等)

4、内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)

因为它自身具有的这些特点,我们通常会使用行内元素来进行文字、小图标(小结构)的搭建。

行内块状元素的特点:

1、和其他元素都在一行上,不会自动换行,默认排列方式为从左到右;

2、元素的高度、宽度、行高以及顶和底边距都可设置。

行内块状元素综合了行内元素和块状元素的特点,但是各有取舍。因此行内块状元素在日常的使用中,由于其特点,使用的次数也比较多,在很多方面都很有用。

因此html不能换行的标签元素(行内元素和行内块状元素):

  • a - 定义超链接,用于从一个页面链接到另一个页面。

  • abbr - 用来表示一个缩写词或者首字母缩略词,如"WWW"或者"NATO"。

  • acronym - 定义首字母缩略词(HTML5 不支持)。

  • b - 定义粗体的文本。

  • bdo - 定义文字方向,可覆盖默认的文本方向。

  • big - 定义大号文本(HTML5不支持)。

  • cite - 引用,定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

  • code - 计算机代码(在引用源码的时候需要);

  • dfn - 是一个短语标签,用来定义一个定义项目。

  • del - 文档中已被删除的文本

  • em - 用来呈现为被强调的文本。

  • font - 规定文本的字体、字体尺寸、字体颜色(HTML5不支持)。

  • i - 斜体;

  • img - 定义 HTML 页面中的图像。

  • input - 输入框;

  • kbd - 定义键盘文本;

  • label - 表格标签;

  • q - 短引用;

  • s - 中划线(不推荐);

  • samp - 定义范例计算机代码;

  • select - 项目选择;

  • small - 小字体文本;

  • span - 常用内联容器,定义文本内区块;

  • strike - 中划线,定义加删除线文本(HTML5不支持

  • strong - 粗体强调;

  • sub - 下标;

  • sup - 上标;

  • textarea - 多行文本输入框;

  • tt - 电传文本;

  • u - 下划线;

  • var - 定义变量。

【推荐课程:HTML5视频教程web前端

以上就是html5不能换行的标签的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:html5
  • 推荐:PHP从基础到实战教程视频

    相关文章

    相关视频


    专题推荐

    视频教程分类