基础
前端核心 html css javascript
复制代码
- html相当于整个页面的骨架
- css起到修饰作用相当于美化。
- javascript相当于灵魂对于前端来是重中之重
HTML
超文本标记语言 Hyper Text Markup Language
html是由元素组成。有单元素和双元素
复制代码
块级元素
- 总是在新行上开始；
- 高度，行高以及外边距和内边距都可控制；
- 宽度缺省是它的容器的100%，除非设定一个宽度。
- 它可以容纳内联元素和其他块元素
行内元素
- 行内元素会在一条直线上排列，都是同一行的。
- 水平方向排列块级元素各占据一行，垂直方向排列。
- 块级元素从新行开始结束接着一个断行。
- 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
语义化标签
- 提高网页的可读性：语义化标签可以让代码更易于阅读和理解，也方便搜索引擎抓取网页内容。
- 便于维护和修改：使用语义化标签可以让代码更具有结构化，便于开发者进行维护和修改。
- 改善网页的可访问性：使用语义化标签可以让屏幕阅读器等辅助技术更好地解析网页内容，提高网页的可访问性。
- 提高搜索引擎优化（SEO）效果：语义化标签可以让搜索引擎更好地理解网页内容，提高网页在搜索结果中的排名。
常见的语义化标签
<header>：用于定义页面或区块的页眉。<nav>：用于定义导航链接的区域。<main>：用于定义页面的主要内容，每个页面应该只有一个<main>标签。<section>：用于定义页面或区块的节或部分。<article>：用于定义独立的文章内容，比如博客文章、新闻文章等。<aside>：用于定义页面或区块的侧边栏或附属内容。<footer>：用于定义页面或区块的页脚。<blockquote>：用于引用其他来源的内容。<cite>：用于引用作品的标题或作者。<em>：用于强调文本，通常以斜体显示。<strong>：用于表示文本的重要性或紧急性，通常以加粗显示。- 也包括
<h1>-<h6>：用于定义标题，表示不同级别的标题。<p>：用于定义段落。<a>：用于创建链接。<img>：用于插入图像。<ul>：用于创建无序列表。<ol>：用于创建有序列表。<li>：用于列表项。<table>：用于创建表格。<tr>：用于定义表格行。<td>：用于定义表格数据单元格。<th>：用于定义表格表头单元格。<form>：用于创建表单。<input>：用于输入框、按钮等表单元素。<label>：用于定义表单元素的标签。 这些标签的使用可以提高页面的可读性、可访问性和搜索引擎优化。
