HTML常用小知识

• 2020 年 10 月 24 日
• 筆記

html常用标签

– h1…h6 文本标题标签，h1对搜索引擎友好，利于做SEO优化。一般用来渲染logo。
– p，div   段落标签块级标签，最常用的两个标签之一，p标签用于存放一行或多行文字，display转块之后也可以成为块级元素，但是尽量不要      把p标签当作容器；div 是一个标准的容器，css样式使用得当，一个页面可以从头 div 到尾。
– img 图片标签，切记要设置宽高（父元素没有宽高的情况下），当父元素有了宽高后，若图片宽高与父容器的宽高不符，可以将图片的宽高设    置为 100% 将图片拉伸至填满整个父容器。

图片属性：
– target =”_blank”时，在新窗口打开图片
– alt 图片加载失败时，设置提示信息（一般从页面优化角度出发，都要加alt属性）
– title 图片的标题，鼠标移上去时会显示的文字

–   空格

– ©版权

– br 换行

– b、strong 加粗

– i、em 倾斜

– span 文本节点标签

– a 超链接标签

爱恨原则：
– a:link 修改默认样式
– a:visited 点击之后的样式
– a:hover 鼠标滑过时（可以用于其他标签）可实现简单的动画；
– a:active 鼠标按住不动（可以用于其他标签）
– div 块标签

三种列表

1. 无序列表
– ul 无序列表
– li 列表中的每一行
属性：
– type=”disc” 默认值，实心圆
– type=”circle” 空心圆
– type=”square” 实心方块
备注：ul 中不可以直接嵌套 ul，但是 li 中可以嵌套 ul
2. 有序列表
– ol 有序列表
– li 有序列表中的每一行
属性：
– type=”1″ 默认值，数字排序
– type=”a” 小写英文字母排序
– type=”A” 大写英文字母排序
– type=”i” 小写罗马字母排序
– type=”I” 大写罗马字母排序
– start=”3″ 从第几级开始排序
3. 自定义列表
– dl 自定义列表
– dt 自定义列表中主题性文字（一个自定义列表中最好只有一个dt）
– dd 自定义列表中解释性文字(一个自定义列表中可以有多个dt)