目录
根标签
<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)
相当于抽屉,有天生的父子结构。当一个大的功能由很多小的功能子项组成,子项的功能与样式都差不多,只有内容有些许差别时,通常使用无序列表标签。例如:导航栏。
锚点标签
<a></a> (anchor)
锚点(定位网页位置);超链接;打电话;发邮件;协议限定符。例如:网页位置导航
https://v3.bootcss.com/getting-started/#template
表单标签
<form><input></form> (form)
前端向后端发送数据,需要包含组件配合,如用户登录。
https://login.taobao.com/member/login.jhtml
补充
空格:英文单词分隔符,不论多少个空格都是为了分开两个单词,如果需要在网页中显示多个空格需要用html编码
html编码: (blank space)、<(less than)、>(greater than)