最菜前端学习笔记(一):HTML小结

目录

前言

HTML是什么?

为什么要学HTML?

HTML常用元素总结

head部分常用元素

body内常用元素

HTML元素包含关系

HTML的版本发展过程(HTML5 前世今生)

HTML5解决的问题

HTML5与XHTML的一些不同

HTML5新的部分特性

HTML和DOM的那点事

简述基于HTML的SEO(搜索引擎优化)(HTML文档化)

简述HTML5  Microdata微数据


前言

不想当前端的后台不是好后台(当我在瞎掰吧)


HTML是什么?

可能大家都对它很熟悉,但我还是引用了一段度娘百科上的一段文字:

超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

 

其实大家通常称其为标签语言,它是前端三大件之一吧,是前端的结构。


为什么要学HTML?

为什么要学HTML或者说为什么HTML很重要,做个类比吧,将前端视为一个人,那么HTML可以视为这个人的骨骼、肌肉(也就是内部的一个架构,结构),CSS视为这个人的皮肤和衣衫(它是一个样式对吧,就像人穿搭得体),JS视为一个人的行为动作(比如DOM啊网络请求这样的行为动作,这个名为前端的这个人想要干什么是通过JS来完成的)。

那么为什么HTML很重要,很容易可以看出来,人没有骨骼和肌肉,衣服穿得再好,行为动作再顺滑,其实也没用,HTML就是这样一个内在的结构,所以要把HTML巩固好,俗话楼盖的多高不得看地基嘛。


HTML常用元素总结

HTML分“头”部分、和“主体”部分,也就是head和body,那么这两个部分的常见元素如下:

 

head部分常用元素

title:定义标题

meta

<meta name= "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"  charset = "utf-8" > 

其中charset代表编码,常见设置utf-8,Unicode又称万国码,其内有非常多种语言,所以一般设为utf-8,

name= "viewport" 视窗口,移动端打开浏览器会寻找若是定义了视窗口的width,就会将页面放到指定width的viewport内,若没有指定视窗口,以iphone为例,默认宽度为980px(为了适配移动端)

width=device-width: 网页宽度自动适应设备的宽度   initial-scale=1.0, maximum-scale=1.0: 初始化缩放为1, 最大缩放为1

user-scalable: 用户是否可以手动缩放

style:于为 HTML 文档定义样式信息。

link:标签定义文档与外部资源的关系, 标签最常见的用途是链接样式表。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

_我走路带风

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

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

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

打赏作者

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

抵扣说明:

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

余额充值