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