【HTML基础】顶级元素、块元素、内联元素、可变元素、元素属性_html/css_WEB-ITnose

顶级元素：

说明：顶级元素表现如块，属于高级块元素。

例如：html,body,frameset

块元素：

特点：独占一行，宽(100%)、高、行高、padding、margin可控div 常用于布局p 段落h1~h6 标题ol{li} 有序列表ul{li} 无序列表dl{dt,dd} 自定义列表table{tr,th,td,thead,tbody,tfoot,caption,col,colgroup} 表格form 表单pre 预文本格式address 地址blockquote 块引用fieldset{legend} 控件组hr 水平线menu{li} 菜单列表noscriptlegend 定义fieldset标题 HTML5新增：section 区块article 文章块aside 除主要内容外的内容块header 页眉footer 页脚nav 导航hgroup{h1~h6} 标题组合audio{source} 音频video{source} 视频canvas 图形datalist{option} 下拉列表单details 元素细节figcaption 定义figure标题figure{figcaption} 媒介内容分组summary 定义details标题已废弃元素：center,dir,isindex,noframes,frame,frameset

内联元素：

特点：不独占一行，宽、高、行高、竖向padding、竖向margin不可改变a 链接img 图片input 输入框span 内联区域strong 粗体强调textarea 多行文本框select{optgroup,option} 下拉菜单label 表单标注em 强调var 定义变量b 粗体i 斜体abbr 缩写bdo 文本显示方向br 换行cite 引用code 代码dfn 项目kbd 键盘文本q 短引用samp 样本代码small 旁注，小字体文本sub 下标sup 上标HTML5新增：bdi 文本方向，脱离周围文本方向command 命令按钮keygen 密钥mark 突出显示文本meter 预定义范围度量output 定义输出类型progress 进度条ruby 定义ruby注释rt 定义ruby注释解释rp 不支持ruby显示的内容time 日期/时间source 定义媒体元素的媒介资源 track 定义媒体元素的文本轨道已废弃元素：acronym,big,font,s,strike,tt,u,xmp

可变元素：

说明：可变元素根据上下文确定该元素是块元素还是内联元素。

button 按钮del 删除文本iframe 页面嵌入ins 插入文本map{area} 图像区块object object对象script 客户端脚本HTML5新增：embed 外部交互内容或插件已废弃元素：applet

其他元素：

<!-- --> 定义注释<!DOCTYPE> 文档类型html 定义html文档meta 元信息base 页面默认urlhead 文档信息link 资源引用style 定义样式已废弃元素：basefont

元素属性：

id 元素唯一名class 元素类名title 提示信息style 内联样式lang 语言编码tabindex tab键控制次序{number}dir 内容文本想法{ltr,rtl}accesskey 规定访问元素的键盘快捷键{character}HTML5新增：contenteditable 是否允许编辑内容{true,false}contextmenu 规定元素上下文菜单{id}data-value 自定义属性draggable 是否允许拖动{true,false}hidden 规定该元素无关{hidden}item 组合元素{empty,url}itemprop 组合项目{url,group,value}spellcheck 是否对元素进行拼写或语法检查{true,false}subject 规定元素对应的项目{id}