前端基本/HTML
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个HTML页面<span style="color: black;">便是</span>一个由标签<span style="color: black;">构成</span>的树，虽然一个div标签就<span style="color: black;">能够</span>打遍天下，但全面地<span style="color: black;">认识</span>所有的标签对写出语义化的代码和<span style="color: black;">研发</span>效率都会有<span style="color: black;">必定</span>的<span style="color: black;">帮忙</span>。 <span style="color: black;">因此</span>，<span style="color: black;">没</span>论你是入门新手，还是资深大佬，都有必要整体地梳理一下HTML<span style="color: black;">关联</span>的<span style="color: black;">有些</span><span style="color: black;">基本</span>知识，真正地做到手中有粮心中不慌。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML结构</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!DOCTYPE html>
<html>
<head></head>
<body></body>
</html></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这是<a style="color: black;">HTML5标准</a>写法，<span style="color: black;">日前</span>大部分网站都是<span style="color: black;">这般</span>实现了。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span><span style="color: black;">必须</span>兼容IE9及以下的古老浏览器，<span style="color: black;">一般</span>的做法是在<html>前面添加前面添加兼容注释，类似于<span style="color: black;">这般</span>（<span style="color: black;">仅有</span>IE浏览器能识别）：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!--><html class="ie ie6 ie7 ie8 ie9"><!-->
<!--><html class="ie ie7 ie8 ie9"><!-->
<!--><html class="ie ie8 ie9"><!-->
<!--><html class="ie ie9"><!--></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这般</span>就<span style="color: black;">能够</span><span style="color: black;">经过</span>类名，用csshack<span style="color: black;">各样</span>版本的浏览器的兼容<span style="color: black;">表示</span>了，写法如下：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;">.ie xxx {};
.ie6 xxx {};</div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">head标签</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">head</a>定义文档的头部，它是所有头部元素的容器。可用于head内的标签：</p><a style="color: black;">title</a>：用于定义页面标题，<span style="color: black;">表示</span>在浏览器的tab上<a style="color: black;">style</a>：用于定义css样式<a style="color: black;">link</a>：用于链接<span style="color: black;">外边</span>资源，常用于链接样式文件和favicon图标，<span style="color: black;">更加多</span>的用途参考<a style="color: black;">H</a>TML rel属性值释义大全<a style="color: black;">script</a>：用于定义javascript代码<span style="color: black;">或</span><span style="color: black;">经过</span>指定src属性链接<span style="color: black;">外边</span>javascript文件<a style="color: black;">meta</a>：<span style="color: black;">供给</span><span style="color: black;">相关</span>页面的元信息，<span style="color: black;">经过</span>属性定义了与文档<span style="color: black;">关联</span>联的名<span style="color: black;">叫作</span>/值对，常用语定义文档编码、HTTP请求头、SEO内容等。<a style="color: black;">base</a>：为页面上的所有链接规定默认<span style="color: black;">位置</span>或默认<span style="color: black;">目的</span>，用的不多，<span style="color: black;">然则</span><span style="color: black;">倘若</span>做爬虫的话则<span style="color: black;">必要</span>处理这个标签。<h3 style="color: black; text-align: left; margin-bottom: 10px;">meta标签</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">meta标签稍微有点<span style="color: black;">繁杂</span>，平时<span style="color: black;">亦</span>用得着，专门介绍一下，常用用途如下：</p>定义文档编码类型：<meta charset="utf-8">，HTML5写法，<span style="color: black;">功效</span>同下http-equiv="content-type"定义视口策略：<meta name="viewport" content="width=device-width, initial-scale=1.0">定义文档<span style="color: black;">重要</span>字：<meta name="keywords" content="网页更新提醒,网页监控,商品监控,行情监控,热点监控,商机监控,<span style="color: black;">信息</span>聚合">定义文档描述：<meta name="description" content="监控并跟踪记录网页内容更新，并<span style="color: black;">经过</span>声音/邮件/<span style="color: black;">微X</span>/钉钉群/<span style="color: black;">公司</span><span style="color: black;">微X</span>群或自定义Webhook进行<span style="color: black;">通告</span>">定义作者：<meta name="author" content="网页更新提醒">定义应用名<span style="color: black;">叫作</span>：<meta name="application-name" content="网页更新提醒">定义制作所用软件：<meta name="generator" content="网页更新提醒">定义版权信息：<meta name="copyright" content="©版权所有 2022年 COURIER.TOPTOPN.COM">定义爬虫向导：<meta name="robots" content="none">定义文档字符编码：<meta http-equiv="content-type" content="text/html; charset=UTF-8">定义文档自动刷新间隔：<meta http-equiv="refresh" content="30">定义文档默认的样式表：<meta http-equiv="default-s
感谢楼主的分享！我学到了很多。
页:
[1]