HTML
关注
分享
扫一扫
文章平均质量分 96
HTML 相关详述。
DonV
前端
展开
-
HTML5 之 Img 标签
概述 img 用于将图片嵌入文档。 img是行内单标签元素，同时img也是可替换元素（可修改宽高）。可替换元素 HTML元素可分为可替换元素和不可替换元素，详细参考。 绝大多数的HTML元素都是不可替换元素，其内容由DOM内容决定。例如<p>hello world</p>，展示的内容就是文本节点hello world。 而对于可替换元素，其内容则由元素的标签和属性决定。例如<img>元素的内容实际是由src属性读取的图片的原始宽高来确定的。 典.原创 2021-09-09 18:39:16 · 17125 阅读 · 0 评论 -
HTML5 之 Frame Frameset Noframes 标签
概述 frame 可定义特定区域，用于显示HTML文档。 HTML5已废弃，不再支持frame，但是当前仍有一部分浏览器支持。 frame为块级双标签，只能作为frameset子元素，无法单独使用。 常用属性如下。src：指定显示的HTML文档name：为frame添加标识，若未指定标识，所有链接将在其所在的frame打开noresize：禁止改变区域大小<!DOCTYPE html><html lang="en"><frameset row.原创 2021-09-01 19:12:48 · 4019 阅读 · 0 评论 -
HTML5 之 Form 标签
概述 form 是块级双标签，用于指定一个表单区域，并向服务器提交信息。属性常用属性action：指定表单提交的URL，表单内提交按钮的formaction属性会覆盖此属性enctype：指定表单的数据编码方式，表单内提交按钮的formenctype属性会覆盖此属性method：指定表单的请求方式，表单内提交按钮的formmethod属性会覆盖此属性。另外若表单在dialog元素中，指定method为dialog将在提交时关闭模态框，详细参考target：表示表单提交时于何处响应，表单内.原创 2021-08-20 13:49:36 · 4691 阅读 · 0 评论 -
HTML5 之 Figure Figcaption 标签
概述 figure 用于定义一个可附加标题的内容元素，figcaption 用于为figure元素添加标题和描述信息。 页面中的插图卡片比较常见，卡片中包含有图片的描述信息、标题或者按钮等。 一般的实现方式可能会用div元素设置background: url()的方式将图片作为背景，其余的描述信息和标题作为div的子元素。 或者是div元素内部添加img元素，其余的描述信息和标题则定位至图片上方。 虽然两者都能实现上面的卡片样式，但是HTML的结构和语义化不是非常明显。 以下HT.原创 2021-08-17 20:27:49 · 6661 阅读 · 0 评论 -
HTML5 之 Fieldset 标签
概述 fieldset 用于对表单中的控件元素进行分组。 fieldset是块级双标签，绝大多数浏览器都支持。属性disabled fieldset的所有子代控件均会继承，即不可编辑状态。<form method="post" action="http://www.baidu.com"> <div> <label for="username">用户名</label> <input type="text" name=.原创 2021-08-17 11:42:02 · 9354 阅读 · 0 评论 -
HTML5 之 Dialog 标签
概述 dialog 是HTML5新增的语义化双标签，用于展示一个交互式的模态对话框。 绝大多数浏览器都不支持，仅有Chrome等浏览器支持。属性open 用于控制模态框的显隐，即含有open属性就显示，否则隐藏。<dialog open> <p>hello world</p></dialog> 浏览器呈现如下，含有部分默认样式，并且仅水平方向居中。 显示时样式。 隐藏时样式。returnValue 保留clo.原创 2021-07-31 15:48:09 · 10029 阅读 · 0 评论 -
HTML5 之 Col Colgroup 标签
col col 用于定义表格中的列。 col为表格内单标签元素，只能在table元素或者colgroup元素中使用。 其属性值主要包括如下几种，均能通过CSS属性实现。span：指定col元素横跨的列数，此属性值为正整数，默认值为1align：指定col元素关联的列的内容的水平对齐方式，包括left（左对齐）、center（居中对齐）、right（右对齐）、char等，注意此属性HTML5已废弃，仅IE7及以下等浏览器可用，绝大多数浏览器已不再支持bgcolor：指定col元素关联的列.原创 2021-07-26 17:12:43 · 6437 阅读 · 0 评论 -
HTML5 之 Button 标签
概述 button 用于显示一个可点击的按钮，可用在表单或文档的其它地方。 button元素是内联双标签，不同浏览器下button样式不同，可以通过CSS修改。<button>按钮</button>标签属性autofocus 指定页面加载时聚焦此按钮，多个按钮指定autofocus，仅仅只会聚焦首个按钮。<button autofocus>按钮</button>disabled 禁用，用户不能与button交互。<but.原创 2021-07-17 13:51:45 · 20237 阅读 · 1 评论 -
HTML5 之 Audio 标签
概述 audio 用于在文档中嵌入音频元素。 audio元素是HTML5新增的行内标签，IE8及以下浏览器不支持audio标签。 若浏览器不支持video元素或者无法播放音频，则会显示替代文本（开始和结束标签之间的内容）。<audio src="music.mp3">当前浏览器不支持audio标签</audio>标签属性autoplay：音频会尽快自动播放，不会等待整个音频下载完成controls：浏览器提供包括声音、播放进度、播放暂停的控制面板（不同浏览器.原创 2021-07-12 14:26:00 · 13601 阅读 · 0 评论 -
HTML5 之 Script 标签
概述 script 用于嵌入或者引用可执行脚本。 其中可选属性如下。type：用于定义脚本语言的 MIME 类型，包括text/javascript、text/ecmascript、application/javascript、application/ecmascript，注意HTML5中可以省略掉type，其默认值为text/javascriptsrc：指定引用的外部脚本的URLdefer：仅适用于外链，规定脚本延迟执行async：仅适用于外链，规定脚本异步执行integrity：用.原创 2021-07-02 17:18:13 · 4558 阅读 · 0 评论 -
HTML5 之 A 标签
概述 a 元素可通过其href属性创建指向其他网页、文件、同一页面内的位置或其他URL的超链接。 其基本属性及含义如下。href：链接目标的URLhreflang：指定目标URL的语言rel：指定当前文档和被链接文档的关系target：指定打开目标URL的方式media：指定目标URL的媒体类型type：指定目标URL的 MIME 类型download：指示浏览器下载URL链接样式 在浏览器中a标签的默认样式带有下划线，其状态和颜色如下。link：未访问状态，字体颜色为.原创 2021-06-18 17:04:13 · 8335 阅读 · 0 评论 -
关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
前言 最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head>内部，而页面通过CDN引入第三方框架或库时，基本都是将其<script>标签放在<link>标签前面。 可能此方式已经成为了约定俗成，但是究竟其好处在哪里，或者说其它的方式为什么不可取，想必你也和我有同样的疑.原创 2021-06-17 09:05:20 · 5806 阅读 · 0 评论 -
HTML5 之 Link 标签
概述 link 元素用于链接外部css样式表等其他相关外部资源。link 其中link中包括如下属性。href：指明外部资源文件的路径，即告诉浏览器外部资源的位置hreflang：说明外部资源使用的语言media：说明外部资源用于哪种设备rel：必填，表明当前文档和外部资源的关系sizes：指定图标的大小，只对属性rel="icon"生效type：说明外部资源的 MIME 类型，如text/css、image/x-iconrel rel核心属性的参数值如下，也可参考 MDN.原创 2021-06-16 11:29:13 · 19236 阅读 · 1 评论 -
HTML5 之 Meta 标签
概述 meta 元素用于指定页面的信息和部分行为。通常用于指定网页的描述，关键字等元数据。 可以被使用浏览器、搜索引擎或其他 Web 服务调用。<meta name="" http-equip="" content="" charset="">charset charset规定HTML文档的字符编码。<meta charset="utf-8"> charset是HTML 5的新属性，替换了HTML 4.01的指定字符编码的方式，可以减少部分代码量。<.原创 2021-06-16 11:29:02 · 13392 阅读 · 6 评论 -
HTML5 标签汇总
文档结构 html页面的基本结构如下，其中head为页面的头部信息，body为页面的主体信息。<!DOCTYPE html><html lang="zh-CN"><head></head><body></body></html>文档元素DOCTYPE DOCTYPE 即文档类型（document type），用于声明当前文档类型，告知浏览器使用哪种HTML版本（<!DOCTYPE htm.原创 2021-06-16 11:29:24 · 13541 阅读 · 2 评论