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 · 17135 阅读 · 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 · 4693 阅读 · 0 评论 -
HTML5 之 Figure Figcaption 标签
概述 figure 用于定义一个可附加标题的内容元素,figcaption 用于为figure元素添加标题和描述信息。 页面中的插图卡片比较常见,卡片中包含有图片的描述信息、标题或者按钮等。 一般的实现方式可能会用div元素设置background: url()的方式将图片作为背景,其余的描述信息和标题作为div的子元素。 或者是div元素内部添加img元素,其余的描述信息和标题则定位至图片上方。 虽然两者都能实现上面的卡片样式,但是HTML的结构和语义化不是非常明显。 以下HT.原创 2021-08-17 20:27:49 · 6672 阅读 · 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 · 9368 阅读 · 0 评论 -
HTML5 之 Dialog 标签
概述 dialog 是HTML5新增的语义化双标签,用于展示一个交互式的模态对话框。 绝大多数浏览器都不支持,仅有Chrome等浏览器支持。属性open 用于控制模态框的显隐,即含有open属性就显示,否则隐藏。<dialog open> <p>hello world</p></dialog> 浏览器呈现如下,含有部分默认样式,并且仅水平方向居中。 显示时样式。 隐藏时样式。returnValue 保留clo.原创 2021-07-31 15:48:09 · 10037 阅读 · 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 · 6448 阅读 · 0 评论 -
HTML5 之 Button 标签
概述 button 用于显示一个可点击的按钮,可用在表单或文档的其它地方。 button元素是内联双标签,不同浏览器下button样式不同,可以通过CSS修改。<button>按钮</button>标签属性autofocus 指定页面加载时聚焦此按钮,多个按钮指定autofocus,仅仅只会聚焦首个按钮。<button autofocus>按钮</button>disabled 禁用,用户不能与button交互。<but.原创 2021-07-17 13:51:45 · 20245 阅读 · 1 评论 -
HTML5 之 Audio 标签
概述 audio 用于在文档中嵌入音频元素。 audio元素是HTML5新增的行内标签,IE8及以下浏览器不支持audio标签。 若浏览器不支持video元素或者无法播放音频,则会显示替代文本(开始和结束标签之间的内容)。<audio src="music.mp3">当前浏览器不支持audio标签</audio>标签属性autoplay:音频会尽快自动播放,不会等待整个音频下载完成controls:浏览器提供包括声音、播放进度、播放暂停的控制面板(不同浏览器.原创 2021-07-12 14:26:00 · 13627 阅读 · 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 · 4560 阅读 · 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 · 8347 阅读 · 0 评论 -
关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
前言 最近系统梳理HTML5所有涉及到的标签时,梳理至<link>和<script>标签时,碰巧想到一个困扰很久的问题,即一般把<script>放在<body>尾部,<link>标签放在<head>内部,而页面通过CDN引入第三方框架或库时,基本都是将其<script>标签放在<link>标签前面。 可能此方式已经成为了约定俗成,但是究竟其好处在哪里,或者说其它的方式为什么不可取,想必你也和我有同样的疑.原创 2021-06-17 09:05:20 · 5807 阅读 · 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 · 19257 阅读 · 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 · 13397 阅读 · 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 · 13544 阅读 · 2 评论