html
html标签结构.
标签名
属性
内容
html基础标签
DOCTYPE
DOCTYPE是html5中标签通用标记语言的文档的 声明(不是标签)
html lang=
html标签是HTML文档的跟标签,包裹了HTML文档中所有的内容, lang 就是language的简称,就是语言的意思 en 表示英文 告诉浏览器这个网页是英文网页
head
head标签主要向浏览器提供HTML文档的头部信息,包含的所有的内容都不直接出现在页面上
mate
meta是浏览器的元信息标签,内部包含了一些向浏览器提供的编码规则,charset就是字符集的意思,uft-8叫做万国码,作用就是使浏览器支持多国语言编码
title
定义文档的名字(必不可少)
body
body标签是HTML文档的主体部分,所有显示在页面上的内容(标签)都是写在body中的
html语义化标签
常见的语义化标签
结构化标签
<nav>
<header>
<main>
<footer>
<div>
文本标签
<p> 预格式化标签 会保留文本的格式
<pre>标签 会保留格式
<ul>
<ol>
<li>
<h1-h6>
<del>
<strong>
<i>
<img src="" alt="" title=””>
用于显示一个图片
src属性里面填写的是图片路径 可以是网络路径也可以是本地路径
alt图片加载失败的时候显示文字
title为图片添加一段简要的文字说明
<a href=""></a>
超链接标签
href 连接地址
以下是a标签的连接方式
1.外部连接 <a href=" target="_blank"></a>
a标签包裹的文字默认有一条下划线,字体颜色是蓝色的 访问之后是紫色 点击时是红色
target 目标 默认是_self是在当前标签页打开,跳转的时候会把当前路径替换掉
blank 在新的标签页中打开要跳转的目标地址
2.内部连接:一个网站内部多个页面之间相互链接<a href="./7.html基础标签.html">跳转</a>
相对路径:不完整的路径
绝对路径:完整的路径 从(C:)开始 (不建议使用)C:\Users\12015\Desktop\309\第一阶段\2023-3-1\7.html基础标签.html
不加./表示当前目录,加./表示当前目录 ../ 表示上级目录 ../../ 表示上上级目录
<!-- 3.空连接 href="" 刷新网页 -->
<a href="javascript:;">空连接</a>
4.下载连接<a href="./220307.exe">下载07应用</a>
5.为其他的元素添加连接<img src="https://h5static.kuwo.cn/www/kw-www/img/logo.7bf8751.png" alt="">
</a>
6.锚点相当于是网页制作中连接的一种 像一个迅速定位器 <a href="#box1">绿色</a>
什么是HTML语义化?HTML语义化有什么好处?
html语义化让页面的内容结构化,结果更清晰,便于浏览器,搜索引擎解析
即使在没有css样式的情况下,也以一种文档的格式显示,并且是容易阅读的
搜索引擎爬虫也依赖HTML标记来确定上下文和各个关键字的权重,利于SEO
使阅读源代码的人更容易对网站分块,便于阅读维护理解
没有语义化标签
<b>
<em>
<s>
什么是SEO?如何做SEO优化?
全称是Search Engine Optimization 中文的意思:搜索引擎优化,目的就是让网站或者网页在搜索结果中,处于靠前的位置
合理title description keywords : 使用这三个内容让他们的权重逐个减少.title的值强调重点, description把页面内容高度概括 不可以过分的堆砌 keywords列举出重要关键字即可
语义化的HTML的代码,符合W3C规范:语义化代码让搜索引擎容易解析网页
重要的内容HTML代码放在最前面:搜索引擎抓取HTML顺序是从上到下,保证重要的内容一定被抓取
主要的内容不要用js输出:爬虫不会执行js获取内容
少用iframe:搜索引擎不会抓取iframe中的内容
非装饰性图片必须加alt
提高网站速度:网站速度是搜索引擎排序的一个重要指标
CSS
javasrcript