前端技术概括

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