初级web前端必会知识点:HTML部分

学习web前端,首先要学HTML。

关于HTML基础知识,首先是要掌握一些常用标签的使用和他们的各个属性,这些常用的标签我总结了一下有以下这些:

html:页面的根元素。

head:页面的头部标签,是所有头部元素的容器。

body:页面的主体标签,页面展现的内容就放置在这里面。

title:页面的标题。

meta:位于文档的头部,提供页面的元信息,包括关键字、描述等等。

link:定义文档与外部资源的关系,最常用的用途就是引入样式表。

script:脚本标签,可以把js脚本代码放置在这个标签内,也可以使用这个标签的src属性引入一个外部标签。

style:样式标签,可以把css代码写在这个标签中。

a:超链接,href属性代表要链接到的地方,target属性代表打开方式。

img:图像标签,src属性表示图片的位置。

form:表单元素,它内部的input、select、textarea等标签都是比较重要的。

div:定义文档中的分区或节,可以使用div来进行页面的布局等操作。

另外还有ul、li、p、button、iframe、p、table等标签也很常用,nav、section、article、header、aside、footer等语义化标签也需要了解一下。

除了要了解上面这一些标签之外,还需要对一些新的HTML5的API有一定的了解:

 

audio、video标签。

Canvas:定义图形,比如图表和其他图像。

input标签的accept属性,email、phone、url等类型。

getElementByClassName根据class名来获取一个元素结点。

Multiple file selection多文件选择属性。

html的import、template

process标签,webGL等内容。

还有一些要知道的知识点:

 

1.doctype的作用。

2.unicode、utf8等编码的原理和区别。

3.如何进行页面性能优化。

4.png、jpg、webp、gif等图片格式的不同的优势。

5.HTML行内元素与块级元素的区别。

6.移动web端开发常用head标签。

7.web语义化。

8.浏览器中的缓存原理

 

<html>
<body>
<p>推荐一下我建的WEB前端裙--133++868==702
里面有学习视频教程、开发工具、电子书籍和规划,专业的老师解答问题!</p>
</body>
</html>

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值