青训营前端学习笔记

85 阅读2分钟

标签 标签语义化 语义化的含义,作用和含义一样 作用 方便代码的阅读和维护 同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化核心,合适的地方给一个最为合理的标签。 语义是否良好,当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。 排版标签 标题标签 (双标签) h1 h2 h3 h4 h5 h6 六个等级 段落标签(双标签) 将文章分成多个段落,因为在html中是不识别空格的,只会输出文本 p 水平线标签 在横跨网页的水平线


span标签 在这个标签里可以分割语句,在别的标签里设置一段文本的格式 没有语义,进行网页布局 div 用于分区,分割网页的布局 没有语义
换行 文本格式化标签 b strong 加粗,推荐使用strong I em 斜体显示 使用em s del 加删除线 使用del u ins 加下划线 使用ins 属性 定义标签的各种信息 例如,尺寸,大小,颜色,等等 语法格式 <标签名 属性值=" 属性值1" 属性值=" 属性值2" …> 注意 标签可以有多个属性 属性不分先后 属性与属性之间,属性和标签之前 均已空格分开 标签都有默认值 图像标签 什么是图像标签 显示图像的标签,控制图像的格式大小等 属性 src url 图像路径 alt 文本 图像不能显示时的替换文本 title 文本 就是这个图像的名字,在鼠标停在图片上时显示的内容 width 宽度 就是图像的横向长度 height 高度 就是图像的纵向长度 border 数字 图像框的宽度 链接标签 作用 标记要跳转的地址就是链接 格式 href 就是url,指定链接地址,如果无链接可以用#代替 target 指定链接的打开方式 blank 新开一个窗口打开 self 在本身这个窗口打开 锚点定位 在"#"号后添加标识,实现文档内的跳转

base 指定所有的链接的打开方式,但如果在a标签中规定的有,则按照a规定的执行 特殊字符标签

注释标签 方便让他人阅读代码,也方便自己查看 格式

列表标签 无序列表 使页面更整齐,美观 格式

    里面只能放li,但是可以在li里面放别的标签 有序标签 格式
    自定义列表 dt是要被解释的 dd是对它的解释 格式
    肖战
    小战
    呆桃
    小赞