当前位置：网站首页 > 计算机学校 > 惠州计算机学校 > 正文

初学者必须具备哪些Web前端知识？_惠州前端培训学校

作者：邓华发布时间：2021-09-07分类：惠州计算机学校浏览：881

导读：初学者必须具备哪些Web前端知识？今天惠州北大青鸟老师和小伙伴们分享一下初学者学习web前端开发需要了解的HTML的一些知识点，供小伙伴们分享学习。

初学者必须具备哪些Web前端知识？今天惠州北大青鸟老师和小伙伴们分享一下初学者学习web前端开发需要了解的HTML的一些知识点，供小伙伴们分享学习。

HTML是web前端开发基础，关于HTML，这里有几个很重要的知识点，在日常开发常常用到，并且在大家面试的时候也会问的，记住这7个重要知识点，助你在面试时优先录用。

1、自关闭元素

2、网页结构

网页结构一般都包含文档声明DOCTYPE，并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下：

<!DOCTYPE html>

<html>

<head>

<title>Hello World</title>

</head>

<body>

</body></html>

JD首页的meta声明：

包含charset编码格式，Keywords关键字，deion网站描述。

3、块级别元素和行级别元素

块级别元素：是指开始在新的行，占领整行宽度。例如div默认是块级别block元素；

行级别元素：仅仅维持内容的宽度，例如文字块的span元素；

通过CSS的display属性声明元素显示级别，一般包括inline行级别、inline-block行内块元素、block、table块级别表格。

4、布局最常用的两个元素

（1）div：流布局使用；

（2）span：文字块使用。

5、HTML5新增的结构化元素

（1）结构化元素包括：<header>, <nav>, <article>, <section>, <aside>, <footer>。

（2）元素级别：都是block级别元素，不包含样式，只用于结构化，每个页面可多次使用。

（3）元素说明：header描述头部信息，nav用于导航模块，article用于可重新覆盖的新闻类内容块，section模块化，aside页面左或右模块，footer底脚模块。

6、文字类元素

（1）加粗元素：strong、b。例如：

<p><strong>Caution:</strong> Falling rocks.</p><p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>

（2）倾斜元素：和。例如：

<p>I <em>love</em> Chicago!</p>

<p>The name <i>Shay</i> means a gift.</p>

7、页面内跳转

如果需要跳转到页面指定的位置，可在该位置设置元素的id属性，然后为链接添加href="#id"。例如：

...

...

</body>

想了解更多关于前端的资讯，可以来惠州北大青鸟新方舟校区了解一下。

前端

相关推荐