天涯论坛

 找回密码
 立即注册
搜索
查看: 101|回复: 1

前端基本/HTML

[复制链接]

3056

主题

155

回帖

9923万

积分

论坛元老

Rank: 8Rank: 8

积分
99238923
发表于 2024-6-29 17:08:00 | 显示全部楼层 |阅读模式

一个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




上一篇:「前端」 - HTML-基本
下一篇:前端与HTML基本知识
回复

使用道具 举报

3071

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138946
发表于 2024-9-29 19:47:20 | 显示全部楼层
感谢楼主的分享!我学到了很多。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 23:30 , Processed in 0.894898 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.