H标签是行内元素嘛有哪些？块级元素有哪些

来源：蜘蛛抓取(WebSpider) 时间：2017-09-04 09:16 标签： 空元素有哪些?
Web前端面试题：行内元素有哪些？块级元素有哪些？ 空（void）元素有那些？
在当今的互联网大军中，不少人顺应时代潮流，选择了Web开发作为自己的发展方向，进行。今天，优就业的老师给大家分享一下：行内元素有哪些?块级元素有哪些? 空(void)元素有那些?精彩内容推荐：）
1.CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值， 比如div默认display属性值为Dblock‖，成为D块级‖元素; span默认display属性值为Dinline‖，是D行内‖元素。
2.行内元素有：a b span img input select strong(强调的语气) 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4&p 
3.知名的空元素：&br&&&hr&&&img&&&input&&&link&&&meta&
4.鲜为人知的是：&area&&&base&&&col&&&command&&&embed&&&keygen&&&param&&&source&&&track&&&wbr&
官方微信更多精彩，扫码关注 或微信搜索：ujiuye
官方微博更多精彩，扫码关注 或微博搜索：优就业
注：本站稿件未经许可不得转载，转载请保留出处及源文件地址。
(责任编辑：zhangjs)
关键词阅读
免费声明：本站所提供真题均来源于网友提供或网络搜集，由本站编辑整理，仅供个人研究、交流学习使用，不涉及商业盈利目的。如涉及版权问题，请联系本站管理员予以更改或删除。
优就业官方微信扫描二维码，即可与小U亲密互动
优就业官方QQ号
咨询电话（09:00-22:00）400-650-7353
IT培训友情链接
|||||||||||||||||||||||||||||||||||||
（点击一键加群）主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
CSDN &《程序员》编辑/记者，投稿&纠错等事宜请致邮
你只管努力，剩下的交给时光！
如今的编程是一场程序员和上帝的竞赛，程序员要开发出更大更好、傻瓜都会用到软件。而上帝在努力创造出更大更傻的傻瓜。目前为止，上帝是赢的。个人网站：。个人QQ群：、
个人大数据技术博客：
问题1：Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?&!DOCTYPE& 声明位于文档中的最前面的位置，处于
标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 &!DOCTYPE& 标签为例：&!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。提示和注释：注释： 标签没有结束标签！HTMLHTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。HTML Strict DTD如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"&HTML Transitional DTDTransitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"&Frameset DTDFrameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd"&二.行内元素与块级元素有什么不同？记住对行内元素设置宽度width
设置高度height
无效，可以通过line-height来设置。
设置margin 只有左右margin有效，上下无效。
设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，看图上效果就知道了2.text-align属性是两者表现的又以不同之处在W3C CSS2.1规范第16.2节 对text-align 有详细地描述：值： left | right | center | justify | inherit
初始值：匿名值，由’direction’的值而定，如果’direction’为’ltr’则为’left’，如果’direction’为’rtl’则为’right’。
应用于: 块级元素，表格单元格，行内块元素
继承性: 是计算后的值：初始值或指定值这个特性描述了如何使一个块元素的行内内容对齐。
注意一点，w3c标准里说这个属性是用来对齐行内内容的，所以，不应该对块级内容起作用。
解释一下，行内内容是说由行内元素组成的内容，
这样，我们对这个特性的认识应该就清楚了。但是，问题来了，虽然标准里这么规定，那么是不是所有浏览器都遵守呢？答案是否定的。啊？ 又是IE！！
IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。　　本文希望能给入门或迷茫的同学一些建议，合不合适只有自己才是最明白的，欢迎留言。另外新手学习前端开发除了要多动手敲代码最重要的还是经验的交流欢迎有需要的的小伙伴进前端开发交流群来一起交流问题学习经验，我把所有比较适合新手学习的教程资料都放到里了。块级元素和行内元素的区别_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
块级元素和行内元素的区别
&&HTML块级标签和内联标签的区别学习笔记
你可能喜欢87303人阅读
& & & &一次偶然的面试遇到的题目，虽然当时知道块级元素和行内元素的区别，但是没有仔细去想。
一、行内元素与块级元素
块级元素列表
定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表中的项目
&fieldset&
定义一个框架集
创建 HTML 表单
定义最大的标题
定义副标题
定义最小的标题
创建一条水平线
元素为 fieldset 元素定义标题
标签定义列表项目
&noframes&
为那些不支持框架的浏览器显示文本，于 frameset 元素内部
&noscript&
定义在脚本未被执行时的替代内容
定义有序列表
定义无序列表
标签定义段落
定义预格式化的文本
标签定义 HTML 表格
标签表格主体（正文）
表格中的标准单元格
定义表格的页脚（脚注或表注）
定义表头单元格
标签定义表格的表头
定义表格中的行
行内元素列表
标签可定义锚
表示一个缩写形式
定义只取首字母缩写
可覆盖默认的文本方向
大号字体加粗
引用进行定义
定义计算机代码文本
定义一个定义项目
定义为强调的内容
斜体文本效果
向网页中嵌入一幅图像
定义键盘文本
标签为 input 元素定义标注（标记）
定义短的引用
定义样本文本
创建单选或多选菜单
呈现小号字体效果
组合文档中的行内元素
语气更强的强调的内容
定义下标文本
定义上标文本
&textarea&
多行的文本输入控件
打字机或者等宽的文本效果
可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素
定义文档中已被删除的文本
创建包含另外一个文档的内联框架（即行内框架）
标签定义已经被插入文档中的文本
客户端图像映射（即热区）
object对象
客户端脚本
二、行内元素与块级函数的三个区别
1.行内元素与块级元素直观上的区别
& & 行内元素会在一条直线上排列，都是同一行的，水平方向排列
& & 块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3.行内元素与块级元素属性的不同，主要是盒模型属性上
行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
三、行内元素转换为块级元素
& & & & display:block (字面意思表现形式设为块级)
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：200772次
积分：1076
积分：1076
排名：千里之外
原创：16篇
评论：13条
(2)(1)(8)(7)

我要回帖

更多关于 空元素有哪些? 的文章

 

随机推荐