html中默认元素范例和默认显示属性

除 html、body 和 table 部门之外,在 HTML 4.01 推荐中与主要内容有关的所有元素都有一种相关联的范例:内联或块。每种范例以差异方法抉择了默认机关表示:

inline

紧接在内联元素前/后的文本和图片与内联元素的内容渲染为同一基准线。但假如该文本或图片过长,它们就会与包括元素的边沿相重叠,在这种环境下,内嵌内容就会跑到一条新基准线上面,而该基准线位于之前的那条基线的下面。

内联元素中,文本行的部署会视需要(或答允)而带有软换行符,除非用 white-space 属性修改了这种方法。

样式表法则中可应用于这些元素的 margin、width、height 和 float 属性被忽略。(除了 img 和 object)

内联元素只能容纳文本或其它内联元素。

block

这些元素将在其容器中渲染为离散块。

这些元素的前后将老是渲染有断行点,除非将 float 值设为 left 或 right。

假如嵌套块元素之间没有任何内容,它们之间的断行点凡是会被归并。

宽度为 auto(默认)的块元素会一直扩展,直到占满所有可得到的宽度。

display 属性有三个常用的值¬——block、inline 和 none——个中两个是指对应的元素范例。改变元素的 display 值可以使内联元素的表示方法像块元素那样,也可以使块元素的表示方法像内联元素那样,还可以改变文件的渲染结果,使之看起来就像元素(和它的所有内容)基础不存在一样。

html标签在默认环境下哪些元素与哪些范例相对应是很要害的,其干系简列于表2中:

元素 范例 子范例 说明
a inline   special      
abbr inline   phrase      
acronym inline   phrase      
address block       一般与p的行为方法雷同  
blockquote block       在!DOCTYPE声明为Strict时,必需包括至少一个块元素  
body         封装了整个文档画布;一般会有 10px 的边距(在 IE, Firefox 和 Safari中)或是填充距(在Opera中),像素巨细视所用的 screen 媒体而定  
cite inline   phrase      
div block          
em inline   phrase      
fieldset block       默认环境下一般凭据 border: 1px black; 渲染  
form block          
h1 … h6 block   heading      
input inline   formctrl      
img inline   special      
label inline   formctrl      
li block       文档范例界说中没有指明该元素的范例,但该元素可包括块元素和内联元素;完成版的 CSS2.1 推荐为列表项留出了 display 值  
ol block   list      
p block       只能包括内联元素;一般会渲染有顶边距和底边距  
span inline   special      
strong inline   phrase      
table block          
ul block   list      

表2: 常用 HTML 元素和它们的范例。只有具有沟通子范例的相邻块元素之间的边距才会归并。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7939.html