1.center让你实现水平居中，就用这个标签，标签名也很有语义
零一效果如下：水平居中的原理也很简单。事实上，这个标签带有text-align:center样式。2.abbrabbr全称abbreviations，意思是简称。应用场景也很简单。给一些文章中的缩写加注解，用来解释文章中的缩写，像这样：DAU（DailyActiveUser），日活跃用户数……那我们就用abbr标签？
DAU，日活跃用户数...显示效果如下：该标签可以隐藏全名，弱化金额的信息量，让真正不知道缩写的用户主动获取缩写的具体含义，在markdown中经常出现3.mark在markdown中也是很常用的，用来高亮wrappedtext>Highlighttext有如下作用：如果全文高亮为统一样式，可以专门重新设置mark标签的样式，这样就不用在每个都加高亮类名了div你使用，它不是语义，并增加文档的大小。四、sup、sub和分别代表上标和下标，它们在markdown中出现频率很高，比如数学公式和参考文献3[2]
42
效果如下：上标和下标的样式原理也比较简单，主要是利用top和vertical-align子属性值，然后reduce字体大小，但是有现成的标签，为什么不用呢？5.figurefigure用于包裹其他标签的内容，然后使用另一个标签figcaption给出包裹内容的文字说明，例如：这是一张大象的照片效果如下：图片挂了怎么办？为了更友好，我们去掉了img标签的alt属性，为了美观，终于去掉了一直看腻的图片破解图标。款式也很漂亮，当然不仅如此把img标签包起来，其他的都没问题。嘿嘿，本文给大家看个实战：point_down:，下面这个可以点进去，样式也用了figure标签。我是由图形标签生成的。6.Progress说到这个标签很有意思。去年有一段时间，我做的业务涉及进度条。当时是以前的同事做的，然后出现了一些性能问题。我正在研究如何优化和减少进度条变化带来的性能问题。当时我还写了一篇文章，我优化了进度条，页面性能提升了70%。虽然最后问题解决了，但是还是有幸收到了张新旭老师的点评。语义化，并且有进度条的功能，性能不错，兼容性也很好经过一番尝试，确实是我当时孤陋寡闻，在此分享给大家浏览器自带的样式已经很好看了，效果如下：在业务中，我们也可以通过控制值属性。7.areaarea标签也很有意思，它的作用就是为图片提供可点击的热点。可以指定图片的哪些区域可以点击，点击后跳转的链接也可以设置为点击下载文件。让我们举个例子：区域一般与地图标签一起使用。每个区域标签代表一个热点区域。例如，在上面的代码中，我们定义了两个热点区域。热区形状为rect（矩形），它们的热区有：坐标（0,0）到坐标（100,50）的矩形坐标（0,50）到坐标（100,100）的矩形我们都知道默认的坐标轴是这样的：因此，我们划分的两个热区是：最后来看看我们的实际效果：8.detailsDetails字面意思是“细节”，在markdown中经常用到。用这个标签包裹的内容会默认隐藏，只留下简短的文字。点击我是隐藏内容
我是一段隐藏的内容
提示就是这样，样式是固定的，每个浏览器都不一样，而且它也会阻塞页面的运行。除此之外，它还提供了一个对话框标签。它的用法有点类似于各大组件库的Modal组件。浏览器也提供了这个标签。提供原生dom方法：showModal、close，可以直接控制弹窗的显示和隐藏ok>打开弹出框效果如下：细心的你有没有发现原来这个弹出框也有自己的背景遮罩，不能点击关闭，但至少不会屏蔽页面，我们会在弹窗中显示10.datalistdatalist是一个列表标签，用来为输入框提供可选值，类似于我们常用的Select组件，我可以用它来实现一个“输入联想”功能离子<标签>输入C开头的英文单词：试试：当你随便点击的时候，会列出所有推荐的选项，然后根据后面输入的内容，filteredoutUnmatchedoptions，比如我输入cl，不以cl开头的词会被过滤掉，只留下Click和Close。最后发现下拉框有点好看是不是？为什么原来输入框的默认样式这么难看？什么时候改？11.fieldsetfieldset标签用于对form表单中的元素进行分组和管理。如果为fieldset设置了disabled属性，所有被它包裹的表单元素都会被禁用灰色禁用，不会和表单一起提交。是啊，摆设是什么意思？看个例子：submit这里我们把id和email表单包裹起来，并且设置为disabled，只打开一个姓名输入控件，此时的界面如下：可以看到除了姓名输入框外，其他两个输入框都被禁用了，点击提交会是什么样子？那么，只有名称字段被提交了。noscript标签仅在浏览器不支持或禁用javascript时显示。多用于严重依赖js的应用。比如现在大部分的SPA页面都不支持javascript，页面基本没有内容。这个时候，我们可以依靠这个标签作为友情提醒。一般情况下，我们不需要专门使用。大部分是在打包过程中自动插入到html静态文件中，例如：//init.jsconstroot=document.getElementById('root')constbutton=document.createElement('button')button.innerText='点击弹出'root.appendChild(button) 未禁用javascript时，页面如下所示：禁用javascript时，如下所示：
