前端基础—html常见标签

HTML常见标签

一、块标签

1、内容

（1）div 标签（无语意）

（2）h1~h6 标题标签

1、h1 ~ h3 都具备seo功能
2、SEO: 网络引擎搜索优化
3、h1大标题一个页面最多出现1次

（3）p 段落标签
（4）ul 无序列表：unorder list
（5）ol 有序列表： order list
（6）li 列表项: list-item
下面展示一些 代码 。

        
锄禾日当午
        
汗滴禾下土
        
谁知盘中餐
        
粒粒皆辛苦


        
床前明月光
        
疑是地上霜
        
举头望明月
        
低头思故乡

列表样式为：

1. 锄禾日当午
2. 汗滴禾下土
3. 谁知盘中餐
4. 粒粒皆辛苦

• 床前明月光
• 疑是地上霜
• 举头望明月
• 低头思故乡

（7）H5新增标签

 article、section、aside、nav、header、footer

2、特点

独占一行，默认宽度占满父级，高度为0，子级内容撑开高度

二、行标签

1、内容

（1）span标签（无语意）
（2）a 超链接标签

1、href：链接地址
2、target：打开方式
    - target=_self 默认值，在本页面打开
    - target=_blank 在新的标签页打开

2、特点

（1）同排序跟显示，遇到父级边界换行
（2）不支持宽高，内容撑开宽高
（3）不支持上下外边距
（4）不正常显示上下内外边距
（5）换行被解析

三、行块标签

1、内容

img 图像标签

1、属性
src：资源路径
title：鼠标悬停时的提示文本
alt：图片不能正常显示的提示文本
2、特点
如果不给宽度和高度，以图片默认的大小显示
如果只给宽度或者高度，等比例缩放

2、特点

（1）同排序跟显示，遇到父级边界换行
（2）没有宽高的时候内容撑开宽高
（3）换行被解析