HTML入门

45 阅读1分钟

HTML的含义是什么

  1. html的全称是Hyper Text Markup Language(超文本标记语言)
  2. html可以把文字标签、图片标签、表格标签、超链接标签、音频标签、动画标签 等资源组成一个文档(doucment)
文字标签
<p>文字内容</p>

<h1></h1>      //系列标题标签

<img scr='' title='' alt=''> //图片标签

<ul>
    <li></li>  //无序列表标签
</ul>

<ol>
    <li></li>  //有序列表标签
</ol>

<table>
    <tr></tr>  //表格标签
    <td></td>
</table>

<a href=''></a> //链接标签

<audio src='' autoplay></audio> //音频标签

<video src='' autoplay muted></video> //视频标签

HTML中有语义化的标签

语义化标签的含义:语义化就是明白每个标签的用途,在适合的情况下使用。

  1. 为什么要有语义化标签:

2.1在多人同时开发时让别人(或自己)更能看清结构。

2.2在css文件出现问题加载不出来时,也能呈现出内容结构、和代码结构。

2.3有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重

2.4支持多终端设备的浏览器渲染.

<header>头部区域</header>

<footer>脚部区域</footer>

<nav>导航区域</nav>

<aside>网页侧边栏</aside>

<section>定义文档中的节</section> // 例如章节、部分

<article>主要用于文章内容、与div</article>  // 文章内容

<figure>媒体元素</figure>

<datalist>选项列表 与input元素组合使用</datalist>