HTML常用小知识

  • A+
所属分类:Web前端
摘要

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

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

–   空格


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)