HTML常用标签功能及应用场景

目录

根标签

结构化标签

功能分块标签 

无序列表标签

锚点标签

表单标签

补充 


根标签

   <html></html>

  属性:lang(告诉搜索引擎爬虫,网站是关于什么内容的)

<html lang="en"></html>

结构化标签

   <head></head>:编辑给浏览器的,提供html文档的各种属性和信息。

  编码字符集:相当于给浏览器提供一个字典。最常用的编码字符集:utf-8,万国码。

<meta charset="utf-8">

  页面角标:浏览器页面显示文字

<title>淘宝网 - 淘!我喜欢</title>

   网站描述与关键字:有利于搜索引擎竞价排名

<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品,同时提供担保交易(先收货后付款)等安全交易保障服务,并由商家提供退货承诺、破损补寄等消费者保障服务,让你安心享受网上购物乐趣!">
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺">

  <body></body>:给用户看的内容。


功能分块标签 

  <div></div> <span></span>  (division span)

  没有具体作用,充当容器,给页面功能分块;绑定化操作。


无序列表标签

  <ul><li></li></ul> (unodered list)

  相当于抽屉,有天生的父子结构。当一个大的功能由很多小的功能子项组成,子项的功能与样式都差不多,只有内容有些许差别时,通常使用无序列表标签。例如:导航栏。

  https://www.taobao.com


锚点标签

  <a></a> (anchor)

  锚点(定位网页位置);超链接;打电话;发邮件;协议限定符。例如:网页位置导航

  https://v3.bootcss.com/getting-started/#template 


表单标签

  <form><input></form> (form)

  前端向后端发送数据,需要包含组件配合,如用户登录。

   https://login.taobao.com/member/login.jhtml


补充 

空格:英文单词分隔符,不论多少个空格都是为了分开两个单词,如果需要在网页中显示多个空格需要用html编码

html编码:&nbsp;(blank space)、&lt;(less than)、&gt;(greater than)

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

西红柿爱喝水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值