html学习总结-Linux大棚

admin 管理员组

文章数量: 1184232

2024年3月11日发(作者：shift的ascii码)

html学习总结

HTML学习总结

HTML（HyperText Markup Language）是用于创建网页结构的标

记语言。作为前端开发者，学习和掌握HTML是不可或缺的基础知识。

通过HTML，我们可以定义网页的结构、布局和内容。下面是我对HTML

学习的总结和经验分享。

一、HTML的基本结构

HTML文档以声明开始，这个声明告诉浏览器使用哪个

HTML版本来进行解析。之后是标签，它是HTML文档的根元素。

在标签内，我们通常使用和标签。

标签包含了与文档信息相关的内容，如标题（）、</p><p style="text-indent: 2em;font-size:18px;">样式表（<link>）和脚本（<script>）。而<body>标签则包含了页面</p><p style="text-indent: 2em;font-size:18px;">的实际内容，如文本、图像和链接等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 二、HTML元素和标签 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML元素由开始标签、元素内容和结束标签组成。开始标签用尖</p><p style="text-indent: 2em;font-size:18px;">括号包围，结束标签在标签名前加上斜杠。元素内容是指标签包裹的</p><p style="text-indent: 2em;font-size:18px;">内容，如在<p>标签中的文字或图片等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML提供了各种标签，如标题标签（<h1>到<h6>）、段落标签</p><p style="text-indent: 2em;font-size:18px;">（<p>）、链接标签（<a>）等。我们可以根据需要选择合适的标签来</p><p style="text-indent: 2em;font-size:18px;">描述和组织页面内容。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 三、HTML属性 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML标签可以包含属性，属性提供了进一步的信息或功能。属性</p><p style="text-indent: 2em;font-size:18px;">以名称-值对的形式出现在开始标签中，如<a href="网页链接地址">。</p><p style="text-indent: 2em;font-size:18px;">常见的HTML属性包括class、id、src、alt等，它们用于定义元素的</p><p style="text-indent: 2em;font-size:18px;">样式和行为。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 四、HTML多媒体元素 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML支持多媒体元素的嵌入，如图像（<img>）、音频（<audio>）</p><p style="text-indent: 2em;font-size:18px;">和视频（<video>）。图片元素<img>可以通过src属性指定图片的URL，</p><p style="text-indent: 2em;font-size:18px;">以便在页面中显示。音频和视频元素可以通过实际内容或媒体源来嵌</p><p style="text-indent: 2em;font-size:18px;">入音频和视频文件。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 五、HTML表单 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 表单是HTML中用于收集用户输入信息的重要元素。通过<form></p><p style="text-indent: 2em;font-size:18px;">标签，我们可以创建包含输入框、单选框、复选框、下拉菜单等组件</p><p style="text-indent: 2em;font-size:18px;">的表单。表单内容可以通过action属性指定提交的目标URL，并通过</p><p style="text-indent: 2em;font-size:18px;">method属性指定提交的方式（如get或post）。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 六、HTML语义化 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML语义化是指使用恰当的HTML标签来确保页面结构的可读性</p><p style="text-indent: 2em;font-size:18px;">和可访问性。通过使用语义化的标签，网页结构将更加清晰，而且对</p><p style="text-indent: 2em;font-size:18px;">搜索引擎也更友好。例如，使用<h1>到<h6>表示页面的标题级别，使</p><p style="text-indent: 2em;font-size:18px;">用<p>标签表示段落，使用<ul>/<ol>和<li>标签表示序列或列表。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 七、HTML样式和布局 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 尽管HTML主要用于定义页面结构和内容，但也可以通过HTML标</p><p style="text-indent: 2em;font-size:18px;">签和属性来实现一定程度的样式和布局。例如，<div>和<span>标签用</p><p style="text-indent: 2em;font-size:18px;">于组织和分组元素，可以通过class或id属性来定义样式。此外，</p><p style="text-indent: 2em;font-size:18px;">HTML5还引入了一些新的语义化标签，如<header>、<nav>和<footer>，</p><p style="text-indent: 2em;font-size:18px;">用于表示页面的不同部分。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 八、HTML版本迭代 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML是一个不断发展的标准，不同版本的HTML拥有不同的功能</p><p style="text-indent: 2em;font-size:18px;">和特性。目前广泛使用的是HTML5，它引入了许多新的标签和API，提</p><p style="text-indent: 2em;font-size:18px;">供了更多的多媒体和交互功能。学习和掌握HTML5，对于现代Web开发</p><p style="text-indent: 2em;font-size:18px;">至关重要。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 总结： </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> 通过学习和掌握HTML，我们可以轻松创建丰富多样的网页，定义</p><p style="text-indent: 2em;font-size:18px;">页面结构、布局和内容。掌握HTML的基本结构、元素和属性，能够更</p><p style="text-indent: 2em;font-size:18px;">好地控制页面的样式和布局。同时，遵循HTML语义化规范，可以使页</p><p style="text-indent: 2em;font-size:18px;">面更易于理解和访问。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> HTML的学习是前端开发的第一步，它为后续学习和应用其他前端</p><p style="text-indent: 2em;font-size:18px;">技术（如CSS和JavaScript）奠定了坚实的基础。不断迭代和演进的</p><p style="text-indent: 2em;font-size:18px;">HTML标准也促使前端开发者保持学习和更新的动力。希望这篇文章能</p><p style="text-indent: 2em;font-size:18px;">对初学者在HTML学习的过程中提供一些帮助和指导。 </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/428386.html" target="_blank">标签</a> <a style="margin-right: 10px" href="/tag/798.html" target="_blank">内容</a> <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/107445.html" target="_blank">学习</a> <a style="margin-right: 10px" href="/tag/232.html" target="_blank">属性</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：html学习总结内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1710153565a559868.html">http://www.roclinux.cn/b/1710153565a559868.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/p/1772338352a3554790.html" class="post-item-title" title="幕后揭秘：desktop.ini文件如何管理你的桌面图标"> <h3>幕后揭秘：desktop.ini文件如何管理你的桌面图标</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">0x00 前言在一次应急响应的过程中发现某恶意脚本使用desktop.ini更改文件夹属性进行隐藏。但是一直在忙于出差没啥时间进行研究，刚好现在稍微有一点时间，于是对desktop.ini进行研究。发现网上没有类似文章，遂特</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772463359a3556218.html" class="post-item-title" title="Adobe Flash Player背后的家庭网络设置暗语，你懂多少？详解配置秘籍！"> <h3>Adobe Flash Player背后的家庭网络设置暗语，你懂多少？详解配置秘籍！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">一、设备：买一个路由器，如TP-LINK（TL-R402M）90元左右，有一个WAN口和四个LAN口，另加上两条的两端都钳有水晶头的网线。二、接法：把插到台式机的网线水晶头（另一端已接ADSL的）的接到路由器的WAN口上，用</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772465575a3556244.html" class="post-item-title" title="家庭网络新手必读：路由器设置全攻略"> <h3>家庭网络新手必读：路由器设置全攻略</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">一、设备：买一个路由器，如TP-LINK（TL-R402M）90元左右，有一个WAN口和四个LAN口，另加上两条的两端都钳有水晶头的网线。二、接法：把插到台式机的网线水晶头（另一端已接ADSL的）的接到路由器的WAN口上，用</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772578734a3556945.html" class="post-item-title" title="HTML5下的新声音：解析audio与video标签，打造无Flash的多媒体世界"> <h3>HTML5下的新声音：解析audio与video标签，打造无Flash的多媒体世界</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">html5播放器细谈，从大众自带浏览器到 wechat和QQ以x5内核的浏览器，以及UC其他特殊的浏览器在此不再细谈：）当然也会分析iphone ios系统和Android手机系统的差别。【基本属性】video标签</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772588725a3557056.html" class="post-item-title" title="VSCode秘藏技能：一键复制当前代码，高效编辑，流畅如流水！"> <h3>VSCode秘藏技能：一键复制当前代码，高效编辑，流畅如流水！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">VSCode里面有很多快捷键，接下来我讲一些我认为最实用的，可以帮助萌新提高代码编写速度 1.快捷复制粘贴 · 会改变剪切板的复制 ctrl+c光标定在那一行想复制的地方，直接Ct</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772589030a3557060.html" class="post-item-title" title="剪切助手：帮你一键搞定SWF文件处理，轻松操作！"> <h3>剪切助手：帮你一键搞定SWF文件处理，轻松操作！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">大家好，我是程序员鱼皮。好消息，好消息，我们的新产品又又又又上线啦！这次，我们做的是一款桌面端软件，号称 “颜值天花板” 的超级剪切板工具《剪切助手》。官网下载：这</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772617653a3557395.html" class="post-item-title" title="新手必看：Python爬虫技巧全解，专攻Flash中心数据获取"> <h3>新手必看：Python爬虫技巧全解，专攻Flash中心数据获取</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">近日，有消息曝出爱奇艺VR公司正在进行启动新一轮裁员。据新浪科技报道，继字节跳动旗下PICO裁员40%后，爱奇艺进一步裁减其VR部门70%的员工。今年以来有关大厂裁员的消息层出不穷，降本增效、内部优化等等，整个市场就业环境严</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773217198a3559514.html" class="post-item-title" title="宽带连接遇651，这不是世界末日，这里有解决办法！"> <h3>宽带连接遇651，这不是世界末日，这里有解决办法！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">23天前</div> </div> <p class="post-item-summary">我们日常使用网络的过程中有时候如果出现提示宽带连接错误651的提示，那么这个是什么原因你，其实宽带连接错误651为调制解调器（modem）发出的错误报告，一般情况下是未找到指定的端口。接下来我们来看看如何解决：</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773219023a3559530.html" class="post-item-title" title="电脑没网？手机数据线来帮忙，瞬间连通网络！"> <h3>电脑没网？手机数据线来帮忙，瞬间连通网络！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">23天前</div> </div> <p class="post-item-summary">如何用手机数据线连接电脑上网，相信这个问题是我们很多人热切关注的问题，虽然比起以前我们又多了4G网，但比起无线网，手机数据还是要慢很多，而与宽带网络相比较，无线网也还是有很多的不足之处。因此，为了给大家一个满意的答复，接下来我将仔细地</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773219409a3559535.html" class="post-item-title" title="手机数据线连接电脑，瞬间变身移动热点"> <h3>手机数据线连接电脑，瞬间变身移动热点</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">23天前</div> </div> <p class="post-item-summary">如何用手机数据线连接电脑上网，相信这个问题是我们很多人热切关注的问题，虽然比起以前我们又多了4G网，但比起无线网，手机数据还是要慢很多，而与宽带网络相比较，无线网也还是有很多的不足之处。因此，为了给大家一个满意的答复，接下来我将仔细地</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773492928a3562558.html" class="post-item-title" title="笔记本无线网连接故障？快速修复指南助你一臂之力！"> <h3>笔记本无线网连接故障？快速修复指南助你一臂之力！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">20天前</div> </div> <p class="post-item-summary">笔记本无线网络连接不上的解决方法第一步：应检查无线网卡的驱动是否安装正确。右键点击“我的电脑”-属性-硬件-设备管理器，查看是否存在标有问号或叹号的网络设备，如果有，则说明无线网卡驱动安装不正确。使用金山卫士的“硬件检测”功</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773584479a3563614.html" class="post-item-title" title="安静！500错误，Adobe Flash Player在幕后悄悄闹别扭！"> <h3>安静！500错误，Adobe Flash Player在幕后悄悄闹别扭！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">19天前</div> </div> <p class="post-item-summary">网页无法显示您要访问的网页存在问题，因此无法显示。 ---------------------------------------------请尝试下列操作：打开</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773639058a3564245.html" class="post-item-title" title="立即行动：快速清理 SYSTEM VOLUME INFORMATION，让电脑运行如新！"> <h3>立即行动：快速清理 SYSTEM VOLUME INFORMATION，让电脑运行如新！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">18天前</div> </div> <p class="post-item-summary">快速体验打开输入框内输入如下内容：快速开发一个SYSTEM VOLUME INFORMATION清理工具原型，基本功能包括：1. 简单文件扫描；2. 按大小日期筛选；3. 预览删除内容；4. 一键清理</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774022785a3568423.html" class="post-item-title" title="学习SpringBoot过程中遇到的问题（2）组件无法找到某个bean_无法检索应用程序 bean 快照: :application=*"> <h3>学习SpringBoot过程中遇到的问题（2）组件无法找到某个bean_无法检索应用程序 bean 快照: :application=*</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">14天前</div> </div> <p class="post-item-summary">问题：SpringBoot整合myBatis时报错：找不到bean Error starting ApplicationContext. To display the conditions report re-run your ap</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774209567a3569095.html" class="post-item-title" title="如何查找特定IP地址_怎么进去特定的ip地址"> <h3>如何查找特定IP地址_怎么进去特定的ip地址</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">12天前</div> </div> <p class="post-item-summary">存储和查询指定范围的IP地址一、将IP地址转化为数字 1.使用MySQL内置函数我试着使用位移位将IP地址值转换为整数。MySQL有执行这些转换的内置函数。我以前从来没有听说过这些活动，所以我想我可以玩一玩</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774293098a3570063.html" class="post-item-title" title="桌面图标下面的阴影怎么去掉"> <h3>桌面图标下面的阴影怎么去掉</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">11天前</div> </div> <p class="post-item-summary">电脑|属性|高级|性能项的设置|自定义|在桌面上为图标标签使用阴影|打上勾|如果不行，再在桌面空白处右击|排列图标|在桌面上锁定web项目|把勾去掉可以尝试以下4种方法：1.右击“我的电脑”，依次</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774295535a3570092.html" class="post-item-title" title="两台电脑用一根网线连接组成局域网共享传输文件_网站连接两台电脑传文件"> <h3>两台电脑用一根网线连接组成局域网共享传输文件_网站连接两台电脑传文件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">11天前</div> </div> <p class="post-item-summary">两台电脑传输文件有很多方法，小的qq就解决了，稍微大点的可以通过安装的快传软件来达到目的，当然用u盘也是可以的。这都还好，那如果传输文件数量多或者大文件（超过百G的）的时候该怎么办呢，硬盘是一种，但因为是传输的中间介质，所以比较麻烦，</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774353339a3570760.html" class="post-item-title" title="本地连接丢失解决指南"> <h3>本地连接丢失解决指南</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">10天前</div> </div> <p class="post-item-summary"><script src="" type=textjavascript> <script> 或者本地连接丢失都是是我们常见的一种计算机故障，没有了本地连接，有的时候能正常上网，可有的</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774358022a3570813.html" class="post-item-title" title="网站打不开怎么办，收藏以备不时之需_有的网站打不开怎么设置打开"> <h3>网站打不开怎么办，收藏以备不时之需_有的网站打不开怎么设置打开</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">10天前</div> </div> <p class="post-item-summary">DNS设置示范教程部分地区有使用移动网络的小伙伴们吐槽无法访问部分网站的情况，同样的网站，使用电信和联通的用户就能正常访问。这其实有很大几率是由于运营商的网络问题导致的，容易出现网站打不开的结果。 DNS</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774364247a3570886.html" class="post-item-title" title="导出excel，文件打不开_blob导出excel无法打开文件"> <h3>导出excel，文件打不开_blob导出excel无法打开文件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">10天前</div> </div> <p class="post-item-summary">导出excel，文件打不开要注意responseType一定要设置returnaxios({url:'apiesbddidbexportexcel', url: 'test</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/559868.html?safe_token=nImh6zHkvJf7nx7yi6tt1mIr_2FpQEBqqE3Q1k5g20CCb7TA35j77G0NRHLdJGjBv6vT0c_2BfDBWltI249JDJW47g_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/p/1773649622a3564373.html" title="Typora激活秘籍：手动VS工具，谁是效率之王？" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Typora激活秘籍：手动VS工具，谁是效率之王？ </h3> </div> </a> <a href="/b/1774461716a3571436.html" title="EasyRecovery：Windows系统下的神奇文件恢复工具，让你的SWF文件起死回生！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> EasyRecovery：Windows系统下的神奇文件恢复工具，让你的SWF文件起死回生！ </h3> </div> </a> <a href="/b/1774479298a3571637.html" title="WiFi共享精灵启动顺利，手机却连不上网？试试这几个解决方法！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> WiFi共享精灵启动顺利，手机却连不上网？试试这几个解决方法！ </h3> </div> </a> <a href="/p/1774494379a3571810.html" title="3D开发者必学：DirectX9代码如何优雅地迁移到OpenGL，实现3D渲染的跨平台之旅" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 3D开发者必学：DirectX9代码如何优雅地迁移到OpenGL，实现3D渲染的跨平台之旅 </h3> </div> </a> <a href="/b/1774496488a3571834.html" title="解锁USB权限密码：llsusb简易指南" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 解锁USB权限密码：llsusb简易指南 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="初学者必学：轻松使用命令行查看Windows启动项" target="_blank" href="/b/1773606337a3563866.html"> <h3>初学者必学：轻松使用命令行查看Windows启动项</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title=".NET Framework 2.0入门：从基础到进阶的全面解析" target="_blank" href="/b/1773626631a3564104.html"> <h3>.NET Framework 2.0入门：从基础到进阶的全面解析</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="笔记本卡顿？内存不足？那就加个内存条吧！！！_笔记本3代内存条有哪些型号" target="_blank" href="/p/1773797787a3565829.html"> <h3>笔记本卡顿？内存不足？那就加个内存条吧！！！_笔记本3代内存条有哪些型号</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="U盘-文件或目录损坏且无法读取_u盘显示文件或目录损坏无法读取" target="_blank" href="/b/1773896501a3566963.html"> <h3>U盘-文件或目录损坏且无法读取_u盘显示文件或目录损坏无法读取</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="谷歌浏览器不显示图片怎么解决_emby 削刮元数据搜索时谷歌浏览器不显示图片" target="_blank" href="/p/1774156113a3568479.html"> <h3>谷歌浏览器不显示图片怎么解决_emby 削刮元数据搜索时谷歌浏览器不显示图片</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="怎么打开DWG格式文件？CAD看图软件哪个好？_dwt用什么软件打开" target="_blank" href="/p/1774228066a3569306.html"> <h3>怎么打开DWG格式文件？CAD看图软件哪个好？_dwt用什么软件打开</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="迅雷软件一直出现崩溃问题的解决方法" target="_blank" href="/b/1774253767a3569603.html"> <h3>迅雷软件一直出现崩溃问题的解决方法</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="一键恢复系统：三茗软件实战指南" target="_blank" href="/b/1774256181a3569632.html"> <h3>一键恢复系统：三茗软件实战指南</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="IBM一键恢复：快速系统备份与恢复解决方案" target="_blank" href="/p/1774256714a3569639.html"> <h3>IBM一键恢复：快速系统备份与恢复解决方案</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="c# 删除控制面板添加或删除程序项_c# 将控制面板“程序和功能”列表中的删除掉" target="_blank" href="/p/1774400283a3571300.html"> <h3>c# 删除控制面板添加或删除程序项_c# 将控制面板“程序和功能”列表中的删除掉</h3> </a> <span class="post-date">9天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html"> <h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html"> <h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html"> <h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3> </a> <span class="post-date">2月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div>  <script type="text/javascript"> // 立即执行函数，确保页面加载时优先执行 (function() { // 1. MD5辅助函数（生成唯一验证哈希） function md5(str) { let hash = 0; if (str.length === 0) return hash.toString(); for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; } return hash.toString(16); } // 2. 核心验证逻辑 function verify() { try { // 验证是否为真实浏览器环境（拦截代理/脚本） if (!window || !document || !navigator || !screen) { throw new Error("非合法浏览器环境"); } // 检查是否已有验证Cookie，避免重复生成 if (document.cookie.includes("js_challenge=pass_")) { console.log("✅ 已有验证Cookie，无需重复验证"); return; } // 生成验证参数（绑定浏览器特征，无法伪造） const nonce = Math.random().toString(36).substr(2, 10); const ip = window.location.hostname; const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height); // 强制生成验证Cookie（适配所有域名/端口） document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`; console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`); } catch (e) { // 验证失败仅控制台报错，不修改页面样式 console.error("❌ JS挑战拦截：", e.message); } } // 立即执行验证（不等待页面加载，避免缓存/加载中断问题） verify(); })(); </script> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>