美文网首页
html5 块标签和内联标签

html5 块标签和内联标签

作者: wlw_花田半亩 | 来源:发表于2017-03-02 13:05 被阅读89次

    块元素:

    div:文档节 

    article:文章

    h1,h2,h3,h4,h5,h6:标题

    p:段落

    ul:无序列表

    ol:有序列表

    section:文档节nav:导航header:页眉aside:文章侧栏footer:页脚details:元素的细节summary:details元素可见的标题dialog:对话框窗口dir:目录列表li:项目dl:列表dt:列表项目dd:项目描述menu:命令的菜单,列表menuitem:菜单项目command:命令按钮form:表单fieldset:围绕元素的边框(可用于表单内元素分组)legend:在边框上的标题select:选择列表(内联元素)optgroup:组合选择列表选项option:选择列表选项(也可做datalist选项)datalist:下拉列表(id要与input中list属性值绑定)table:表格caption:表格标题thead:组合表头内容(th)tbody:组合主体内容(td)tfoot:组合表注内容(td)tr:表格行th:表头单元格td:表格单元col:表格列属性;(空标签)colgroup:表格格式化列组;iframe:内联框架figure:媒介内容分组figcaption:figure标题map:图像映射area:图像区域canvas:图形容器(脚本来绘制图形)video:视频source:媒介源track:文本轨道audio:声音内容br:换行(空标签)hr:水平分割线(空标签)pre:格式文本blockquote:块引用address:文档联系信息center:居中文本(不赞成使用)spacer:在水平和垂直方向插入空间(空元素)

    内联元素:

    span:内联容器

    img:图片

    a:锚点

    input:输入框

    label:input标记(点击文本触发控件)

    button:按钮

    abbr:缩写em:强调strong:粗体强调mark:突出显示的文本b:粗体i:斜体bdi:文本方向bdo:文字方向big:大字体small:小字体sup:上标sub:下标del:被删除的文本strike:删除线s:删除线ins:被插入的文本u:下划线nobr:禁止换行wbr:单词换行时机(空标签)tt:打字机文本kbd:键盘文本time:日期/时间cite:引用q:短引用("")font:字体设定(不常用)acronym:缩写(html5不支持)dfn:字段(不常用)embed:内嵌(空标签)keygen:生成秘钥(空标签)textarea:多行文本输入框output:输出结果ruby:中文注音rt:注音rp:浏览器不支持ruby元素显示的内容progress:进度条meter:度量var:定义变量code:计算机代码文本samp:计算机代码样本select:下拉列表

    可变元素:

    applet:嵌入的对象(html5不支持,object代替)

    object:嵌入的对象

    param:对象的参数(空标签)

    相关文章

      网友评论

          本文标题:html5 块标签和内联标签

          本文链接:https://www.haomeiwen.com/subject/kgbhgttx.html