html5常用标签.txt
### HTML5常用标签详解 #### 一、文档结构标签 **``**: 定义文档类型。在HTML5中通常使用``来声明文档为HTML5。 **``**: 根标签，所有其他标签均位于此标签内部。它将文档分为头部（``）和主体（``）两部分。 **``**: 文档头部标签，用于存放页面元数据，如标题、样式表链接、脚本等。 1. **``**: 提供关于HTML文档的信息，例如字符集、视口设置、关键词等。 2. **``**: 设置浏览器标签页的标题，对SEO至关重要。 4. **`<link>`**: 定义文档与外部资源的关系，常用于引入CSS文件。 5. **`<style>`**: 在文档头部内嵌CSS代码，实现样式控制。 **`<body>`**: 文档主体标签，包含实际可见内容。 1. **`<script>`**: 嵌入或引用JavaScript代码，用于实现动态功能。 2. **`<noscript>`**: 当JavaScript被禁用时显示的内容。 #### 二、区块级元素 1. **`<div>`**: 通用容器标签，用于布局或分组其他元素。 2. **`<span>`**: 内联容器标签，用于分组其他内联元素。 **`<header>`**: 页面或区段的头部，通常包含导航链接。 **`<footer>`**: 页面或区段的底部，可包含版权信息等。 **`<section>`**: 文档中的独立部分，通常代表文章、章节或主题区域。 **`<article>`**: 自含的意义完整的内容，如新闻报道、博客文章等。 **`<aside>`**: 与页面主要内容相关但可分离的部分，如侧边栏广告。 **`<details>`**: 可以展开或折叠的内容，通常与`<summary>`一起使用。 **`<summary>`**: 作为`<details>`元素的摘要或标题，点击时可展开或隐藏内容。 **`<dialog>`**: 对话框或提示框，用于模拟用户界面对话。 **`<nav>`**: 包含页面导航链接的部分。 **`<hgroup>`**: 已废弃，不建议使用。用于组合标题元素（如`<h2>`至`<h7>`），但现在已不再推荐使用。 #### 三、表格标签 1. **`<table>`**: 表格标签，用于展示行和列数据。 2. **`<thead>`**: 表格头部，包含表头信息。 3. **`<tbody>`**: 表格主体，包含主要数据行。 4. **`<tfoot>`**: 表格尾部，通常用于总结数据。 5. **`<caption>`**: 表格标题，通常放在表格上方。 6. **`<th>`**: 表格单元格，定义表头。 7. **`<tr>`**: 表格行。 8. **`<td>`**: 表格数据单元格。 #### 四、表单标签 1. **`<form>`**: 表单容器，用于收集用户输入。 2. **`<input>`**: 输入字段，用于收集不同类型的数据。 3. **`<textarea>`**: 多行文本输入框。 4. **`<label>`**: 为输入字段提供描述性标签，提高用户体验。 5. **`<fieldset>`**: 用于分组相关的表单控件及描述。 6. **`<legend>`**: 为`<fieldset>`提供标题。 7. **`<select>`**: 下拉选择列表。 8. **`<optgroup>`**: 组合选项为逻辑组。 9. **`<option>`**: 下拉列表中的一个选项。 10. **`<button>`**: 按钮，用于触发操作。 11. **`<fieldset>`**: 表单控件的分组。 12. **`<legend>`**: 为`<fieldset>`定义标题。 13. **`<keygen>`**: 生成公钥/私钥对，用于客户端证书验证。 14. **`<output>`**: 显示计算结果。 #### 五、列表标签 1. **`<ul>`**: 无序列表。 2. **`<ol>`**: 有序列表。 3. **`<li>`**: 列表项，可用于`<ul>`或`<ol>`。 4. **`<dl>`**: 定义列表。 5. **`<dt>`**: 定义术语或项目名称。 6. **`<dd>`**: 描述或定义项目。 #### 六、图像与多媒体标签 1. **`<img>`**: 图像标签，用于插入图片。 2. **`<a>`**: 链接标签，用于创建超链接。 3. **`<map>`**: 定义图像中的可点击区域。 4. **`<area>`**: 图像映射中的一个热点。 5. **`<figure>`**: 包含图片或其他媒体的内容，并可以有标题。 6. **`<figcaption>`**: `figure`元素的标题或描述。 #### 七、音频与视频标签 1. **`<audio>`**: 音频播放器。 2. **`<source>`**: 定义多个音视频文件源。 3. **`<track>`**: 提供字幕或注释。 4. **`<video>`**: 视频播放器。 #### 八、内嵌标签 **`<iframe>`**: 内嵌框架，用于在页面中嵌入另一个HTML文档。 #### 九、样式化文本标签 1. **`<h2>-<h7>`**: 标题标签，从主标题到子标题递减。 2. **`<p>`**: 段落标签，用于定义文本段落。 3. **`<br>`**: 换行标签，用于强制换行。 4. **`<hr>`**: 水平线标签，用于分隔内容。 5. **`<bdo>`**: 用于覆盖默认的文本方向。 6. **`<pre>`**: 预格式化文本，保留空格和换行。 7. **`<abbr>`**: 缩写标签，用于标记缩写词。 8. **`<address>`**: 地址标签，用于指定联系信息。 9. **`<ins>`**: 插入标签，表示文本被添加。 10. **`<del>`**: 删除标签，表示文本被删除。 11. **`<time>`**: 时间标签，用于标注时间或日期。 #### 十、强调与语义标签 1. **`<em>`**: 强调标签，用于表示文本强调。 2. **`<strong>`**: 强调标签，用于表示文本的重要性。 3. **`<dfn>`**: 定义标签，用于定义新术语或概念。 4. **`<code>`**: 代码标签，用于标记计算机代码片段。 5. **`<samp>`**: 示例标签，用于表示程序输出示例。 6. **`<kbd>`**: 键盘标签，用于表示键盘输入。 7. **`<var>`**: 变量标签，用于标记变量名。 8. **`<sup>`**: 上标标签，用于上标文本。 9. **`<sub>`**: 下标标签，用于下标文本。 10. **`<cite>`**: 引用标签，用于标记作品名称。 11. **`<blockquote>`**: 块引用标签，用于长引用。 12. **`<q>`**: 短引用标签，用于短引用。 #### 十一、其他样式化标签 1. **`<i>`**: 斜体标签，用于斜体显示文本。 2. **`<b>`**: 加粗标签，用于加粗文本。 3. **`<big>`**: 大字体标签，用于增大文本大小。 4. **`<small>`**: 小字体标签，用于缩小文本大小。 5. **`<mark>`**: 高亮标签，用于高亮文本。 #### 十二、图形与绘图标签 1. **`<canvas>`**: 绘画标签，用于绘制图形。 2. **`<meter>`**: 计量标签，用于显示测量范围内的值。 3. **`<progress>`**: 进度条标签，用于表示任务进度。 以上是HTML5中常用的标签及其基本用途介绍。这些标签不仅能够帮助开发者构建出功能丰富且美观的网页，还能提高网站的可访问性和搜索引擎优化效果。熟练掌握这些标签的使用方法对于前端开发人员来说是非常重要的。</div> </div>
</di>
<div class="article" style="margin-top:0px;margin-bottom: 15px;">
<div >
<div class="col-xs-4 col-sm-4">
<a class="views-num" href="#download" title="html5常用标签.txt下载地址">下载地址</a>
</div>
<div class="col-xs-4 col-sm-4">
<a href="#pinglun" title="html5常用标签.txt怎么样">用户评论</a>
</div>
<div class="col-xs-4 col-sm-4">
<a href="#gdownload" title="更多和html5常用标签.txt相关的下载">更多下载</a>
</div>
</div>
</div>
</div>
</div>
</article>
<div class="panel-group">
<div class="panel panel-default" id="download">
<div class="panel-heading">
<div class="panel-title">
<span>下载地址</span>
</div>
</div>
<div class="row">
<div class="panel-body">
<div class="col-xs-3 cursors" >
<a href="" target="_blank" class="downloadbtn"></a>
<a id="downloadbtn" data-id="8576958" class="cursors btn btn-danger"><i class="iconfont icon-xiazai" aria-hidden="true"></i> 立即下载</a>
</div>
<!-- <div class="col-xs-9 text-right" >
<a class="small-btn collect-btn"><i class="fa fa-star-o" aria-hidden="true"></i><span>收藏</span></a>
<a class="small-btn collect-btn"><i class="fa fa-qq" aria-hidden="true"></i><span>腾讯</span></a>
<a class="small-btn collect-btn"><i class="fa fa-weibo" aria-hidden="true"></i></i><span>微博</span></a>
</div>-->
</div>
</div>
</div>
</div>
<div class="panel-group" >
<div class="panel panel-default" id="pinglun">
<div class="panel-heading">
<div class="panel-title">
<span>用户评论</span>
</div>
</div>
<div class="row">
<div class="panel-body">
<div id="comment-container">
<!-- S 评论列表 -->
<div id="commentlist">
<!-- <div class="text-center"><span class="loadmore-tips">暂无评论</span></div>
-->
</div>
<!-- E 评论列表 -->
<!-- S 评论分页 -->
<div id="commentpager" class="text-center">
</div>
<!-- E 评论分页 -->
<!-- S 发表评论 -->
<div class="mt-3">
<form action="/api/Frontend/comment" method="post" id="commentpostform">
<input type="hidden" name="type" value="archives"/>
<input type="hidden" name="aid" value="8576958"/>
<input type="hidden" name="pid" id="pid" value="0"/>
<div class="input-group">
<input name="content" class="form-control"
disabled placeholder="下载后再发表评论"
id="commentcontent" cols="6" rows="5" tabindex="4">
<span class="input-group-btn">
<a id="submit" class="btn btn-dangers btn-sm" disabled
type="button">发表评论</a>
</span>
</div>
</form>
</div>
<!-- E 发表评论 -->
</div>
</div>
</div>
</div>
</div>
<div class="panel-group" >
<div class="pl-0 pr-0 " >
<div class="panel-body _downbdad"></div>
</div>
</div>
<aside>
<ul class="panel-body pl-0 pr-0" id="gdownload">
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/8576958.html" title="html5常用标签.txt"><span><em class='text-danger fst-normal'>html5</em><em class='text-danger fst-normal'>常用</em><em class='text-danger fst-normal'>标签</em>.<em class='text-danger fst-normal'>txt</em></span></a>
</div>
<p class="list-descri">
### HTML5常用标签详解 #### 一、文档结构标签 **``**: 定义文档类型。在HTML... </p>
<div class="list-ifon">
大小：2.9KB | 2025-05-23 20:43:20 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/5805353.html" title="HTML5常用标签大全.txt"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>常用</em><em class='text-danger fst-normal'>标签</em>大全.<em class='text-danger fst-normal'>txt</em></span></a>
</div>
<p class="list-descri">
HTML前端开发最终取决于掌握标签的多少 HTML大概有七八百个标签 这里给大家总结了下HTML常用... </p>
<div class="list-ifon">
大小：8KB | 2020-08-19 08:22:09 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/7078878.html" title="HTML5常用标签"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>常用</em><em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
1.标题标签 h1-h6 双标记,块级元素 align 内容水平对齐方式 默认值 left 居左 r... </p>
<div class="list-ifon">
大小：46KB | 2021-01-16 11:00:00 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/5733701.html" title="HTML5的常用标签"><span><em class='text-danger fst-normal'>HTML5</em>的<em class='text-danger fst-normal'>常用</em><em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
NULL 博文链接:https://lihong11.iteye.com/blog/1465276 </p>
<div class="list-ifon">
大小：5KB | 2020-08-14 22:19:50 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/877849.html" title="HTML5常用基础标签"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>常用</em>基础<em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
</p>
<div class="list-ifon">
大小：0B | 2019-01-11 21:44:57 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/6236422.html" title="html5基础标签html5视频标签html5新标签用法"><span><em class='text-danger fst-normal'>html5</em>基础<em class='text-danger fst-normal'>标签</em><em class='text-danger fst-normal'>html5</em>视频<em class='text-danger fst-normal'>标签</em><em class='text-danger fst-normal'>html5</em>新<em class='text-danger fst-normal'>标签</em>用法</span></a>
</div>
<p class="list-descri">
html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 </p>
<div class="list-ifon">
大小：80KB | 2020-09-29 10:42:39 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/6809828.html" title="html5标签"><span><em class='text-danger fst-normal'>html5</em><em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
关于最新的html5 的标签。并且包括html4 与html5的标签对比。 </p>
<div class="list-ifon">
大小：54KB | 2020-12-16 23:16:09 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/6236137.html" title="HTML5中新标签和常用标签详解"><span><em class='text-danger fst-normal'>HTML5</em>中新<em class='text-danger fst-normal'>标签</em>和<em class='text-danger fst-normal'>常用</em><em class='text-danger fst-normal'>标签</em>详解</span></a>
</div>
<p class="list-descri">
做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释... </p>
<div class="list-ifon">
大小：82KB | 2020-09-29 10:27:36 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/7136499.html" title="详解HTML5常用的语义化标签"><span>详解<em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>常用</em>的语义化<em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
快速查询 article | aside | nav | section | header | fo... </p>
<div class="list-ifon">
大小：63KB | 2021-01-31 02:31:28 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/6794266.html" title="常用的HTML5列表标签"><span><em class='text-danger fst-normal'>常用</em>的<em class='text-danger fst-normal'>HTML5</em>列表<em class='text-danger fst-normal'>标签</em></span></a>
</div>
<p class="list-descri">
一、列表标签作用 作用:给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体 二... </p>
<div class="list-ifon">
大小：37KB | 2020-12-16 07:17:42 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/4963171.html" title="HTML5标签学习"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>标签</em>学习</span></a>
</div>
<p class="list-descri">
非常齐全的HTML标签定义注释。45定义文档类型。45定义超链接。45定义缩写。45不支持。定义首字... </p>
<div class="list-ifon">
大小：0B | 2020-06-03 03:19:23 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/3554019.html" title="HTML5标签参考"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>标签</em>参考</span></a>
</div>
<p class="list-descri">
可以打印到一张纸上编网页时做个弊~包括了所有HTML5的最新标签/TAG有参考价值和使用价值 </p>
<div class="list-ifon">
大小：0B | 2019-07-18 00:02:13 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/96993.html" title="HTML5标签文档"><span><em class='text-danger fst-normal'>HTML5</em><em class='text-danger fst-normal'>标签</em>文档</span></a>
</div>
<p class="list-descri">
</p>
<div class="list-ifon">
大小：0B | 2018-12-08 11:02:10 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/264271.html" title="html5标签球"><span><em class='text-danger fst-normal'>html5</em><em class='text-danger fst-normal'>标签</em>球</span></a>
</div>
<p class="list-descri">
html5 标签球 </p>
<div class="list-ifon">
大小：0B | 2018-12-20 04:48:00 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/6107944.html" title="html5标签手册."><span><em class='text-danger fst-normal'>html5</em><em class='text-danger fst-normal'>标签</em>手册.</span></a>
</div>
<p class="list-descri">
里面介绍的是html5标签, 另外如果与html4有区别的也会区别出来。 </p>
<div class="list-ifon">
大小：195KB | 2020-09-17 11:40:38 </div>
</article>
</li>
<li class=" article-section article-item mb-1">
<article>
<div class="list-title htmer">
<a target="_blank" href="/q/a/7244060.html" title="html5标签源码"><span><em class='text-danger fst-normal'>html5</em><em class='text-danger fst-normal'>标签</em>源码</span></a>
</div>
<p class="list-descri">
html5-标签 </p>
<div class="list-ifon">
大小：98.21MB | 2021-02-08 17:45:13 </div>
</article>
</li>
</ul>
</aside>
</main>
<div class="article-sidebar col-md-4">
<div class="panel panel-default hot-article">
<div class="panel-body ">
<div id="cao_widget_userinfo-2" class="widget widget-userinfo">
<div class="author-card_content">
<div class="author_avatar">
<div class="col-auto">
<img alt="" data-src="/assets/img/avatar.png" class="avatar avatar-96 photo qq img-circle" width="50" src="/assets/img/avatar.png">
</div>
<div class="col n2">
<a href="/u/295502.html" target="_blank">caca</a>
<small class="d-block">资源：103 粉丝：0</small>
</div>
<div class="col-auto">
<a href="javascript:;" class="btn btn-danger btn-sm click-follow" data-authorid="295502" data-status="0">+关注</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-2" style="height: 45px">
<a target="_blank" href="/index/user/uploadfile" class="col-xs-12 btn btn-danger btn-lg"><i class="iconfont icon-shangchuan" aria-hidden="true"></i> 上传资源</a>
</div>
<div class="col-md-4 article-sidebar">
<div class="panel panel-default hot-article">
<div class="panel-body _aboutdownload"></div>
</div>
</div>
<div class="col-md-4 article-sidebar">
<div class="panel panel-default hot-article">
<div class="panel-heading">
<span class="panel-title">免责说明</span>
</div>
<div class="panel-body">
<div class="panel-body">
本站只是提供一个交换下载平台，下载的内容为本站的会员网络搜集上传分享交流使用,有完整的也有可能只有一分部,相关内容的使用请自行研究,主要是提供下载学习交流使用,一般不免费提供其它各种相关服务! 本站内容泄及的知识面非常广,请自行学习掌握,尽量自已动脑动手解决问题,实践是提高本领的途径,下载内容不代表本站的观点或立场!如本站不慎侵犯你的权益请联系我们,我们将马上处理撤下所有相关内容！联系邮箱：server@dude6.com
</div>
</div>
</div>
</div>
</div>
</div>
<div id="opendown" class="opendown" style="display: none"></div>
<div id="paydown" class="opendown" style="display: none"></div>
<script>var downid = 8576958</script>
<footer class="footer" style="clear:both">
<p class="copyright">
Copyright © 2017-2020 qcsdn.cn All Rights Reserved 码姐姐 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备16081799号</a> | <a href="http://qcsdn.com/sitemap.xml">网站地图</a>
</p>
</script></footer>
<div id="floatbtn">
<a id="fb-tipoff" class="hover" href="http://www.qcsdn.cn/index/user/uploadfile" target="_blank">
<i class="iconfont icon-shangchuan" aria-hidden="true"></i>
</a>
<div id="share"></div>
<a id="feedback" class="hover" href="#pinglun">
<i class="iconfont icon-pinglun" aria-hidden="true"></i>
</a>
<a id="back-to-top" class="hover" href="javascript:;" style="display: none">
<i class="iconfont icon-jiantoushang" aria-hidden="true"></i>
</a>
</div>
<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/publicejs.js?v=2.0.4.23"></script>
<script type="text/javascript" src="/assets/js/common.js?v=2.0.4.23"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?749301c3e053cc620e6b0d1682744892";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u6566807",
container: "_downbdad",
async: true
});
(window.slotbydup = window.slotbydup || []).push({
id: "u6889993",
container: "_aboutdownload",
async: true
});
$('#share').share({sites: ['qzone', 'qq', 'weibo','wechat']});
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>
</body>
</html>