侧边栏壁纸
博主头像
谷爱雨博主等级

独立人格

  • 累计撰写 10 篇文章
  • 累计创建 23 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

Html5标签

谷爱雨
2023-12-28 / 0 评论 / 0 点赞 / 77 阅读 / 6055 字
温馨提示:
本文最后更新于 2023-12-29,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

Html5标签

在不同浏览器中嵌套问题:

 ul>li
 ol>li
 table>caption+(thead>tr>th)+(tbody>tr>td)+(tfoot>tr>td)
 dl>dt+dd
 li,dt, dd的同级不要有其他元素,因为在ie67下会被它们包住;

块元素

  1. 默认独占一行

  2. 没有宽度时,默认撑满一行

  3. 支持所有css命令

  4. 几个特殊的块元素只能嵌套内联元素,不能再嵌套块级元素:h1~h6,p,dt,caption

  5. 宽高内外边距可控

  6. 可容纳内联及块元素

内联元素

  1. 同排可以继续跟同类的标签

  2. 内容撑开宽度

  3. 不支持宽高

  4. 不支持上下的margin

  5. 代码换行被解析,会被解析成空格

内联块元素

  1. 可在同一行显示

  2. 宽高可控

文档

 <!--注释-->:注释
 <!DOCTYPE >:文档类型(html5新特性:标准模式渲染)
 head:文档信息
 meta:文档元信息(空标签)
 title:文档标题
 link:文档与外部资源的关系(空标签)(html新特性:去掉type属性)
 style:文档内部样式
 script:客户端脚本(html新特性:去掉type属性)
 noscript:不支持客户端脚本的用户的替代内容(放在body中)
 base:所有页面默认链接地址(空标签)
 body:文档主体

元素

html5块元素

 header:页眉
 nav:导航链接
 article:文章
 section:文档节
 aside:文章侧栏
 footer:页脚
 canvas:图形容器(脚本来绘制图形)
 video:视频
 source:媒介源(空标签)
 track:文本轨道(空标签)
 audio:声音内容
 datalist:下拉列表(id要与input中list属性值绑定,display:none;)
 details:元素的细节
 summary:details元素可见的标题
 command:(空标签)命令按钮

html5内联元素

 time:日期/时间
 mark:突出显示的文本
 bdi:文本方向
 wbr:单词换行时机(空标签)

html5内联块元素

 keygen:生成秘钥(空标签)
 progress:进度条
 meter:度量

非html5元素

块元素

 div:文档节
 h1,h2,h3,h4,h5,h6:标题
 p:段落
 ul:无序列表
 ol:有序列表
 li:项目(display: list-item;)
 dl:列表
 dt:列表项目
 dd:项目描述
 form:表单
 fieldset:围绕元素的边框(可用于表单内元素分组)
 legend:在边框上的标题
 select:选择列表(display:inline-block;)
 optgroup:组合选择列表选项
 option:选择列表选项(也可做datalist选项)
 table:表格(display:table;)
 caption:表格标题
 thead:组合表头内容(th)
 tbody:组合主体内容(td)
 tfoot:组合表注内容(td)
 tr:表格行
 th:表头单元格
 td:表格单元
 col:表格列属性;(空标签)
 colgroup:表格格式化列组;
 iframe:内联框架
 figure:媒介内容分组(html5新特性:语义化地表示带标题的图片)
 figcaption:figure标题
 br:换行(空标签)
 hr:水平分割线(空标签)
 pre:格式文本
 blockquote:块引用
 address:文档联系信息
 dialog:对话框窗口
 spacer:在水平和垂直方向插入空间(空元素)
 menu:命令的菜单,列表
 menuitem:菜单项目

内联元素

 span:内联容器
 abbr:缩写
 em:强调
 strong:粗体强调
 b:粗体
 i:斜体
 bdo:文字方向
 small:小字体(html新特性:重新定义,用来表示小的排版,如网站底部的版权声明)
 sup:上标
 sub:下标
 del:被删除的文本
 ins:被插入的文本
 nobr:禁止换行
 kbd:键盘文本
 cite:引用
 q:短引用("")
 dfn:字段(不常用)
 a:锚点
 img:(空标签)图片
 embed:内嵌(空标签)
 map:图像映射(内联元素;display:inline)
 area:图像区域(空标签)(内联元素;display:inline)
 label:input标记(点击文本触发控件)
 output:输出结果
 ruby:中文注音
 rt:注音
 rp:浏览器不支持ruby元素显示的内容
 var:定义变量
 code:计算机代码文本
 samp:计算机代码样本

行内块元素

 input:输入框(空标签)
 button:按钮
 select:选择列表
 textarea:多行文本输入框

可变元素

 object:嵌入的对象
 param:对象的参数(空标签)(display:none);
 applet:嵌入的对象(移除,object代替)

被移除的元素

被移除的头部元素

 frameset:框架集(移除)
 noframes:不支持框架的浏览器显示文本(包裹body元素)(移除)
 frame:框架(空标签,移除)

被移除的块元素

 center:居中文本(移除)
 dir:目录列表(移除,ul取代)
 xmp(html4.0移除,pre取代)

被移除的内联元素

 s:删除线(移除)
 font:字体设定(移除)
 basefont:页面上的默认字体颜色和字号;(空标签,移除)
 big:大字体(移除)
 u:下划线(移除)
 tt:打字机文本(移除)
 acronym:缩写(移除,abbr取代)
 strike:删除线(移除)
 isindex:定义单行的文字提交输入框(html5废除,form与input相结合的方式替代)


  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区