<!DOCTYPE html>：声明文档类型（H5可以直接在DOCTYPE 后面跟html就行了）<html lang="en">：html根标签lang设置语言<head>：设置头部信息<body>：设置主体信息<meta charset="UTF-8">：设置编码，一般都是 utf-8<meta name="viewport" content="width=device-width, initial-scale=1.0">：适应手机端<meta name="keyword" content="wei1273356078，csdn">：关键字，当用户提交到搜索引擎中有你的关键字，哪你的网站会优先显示，（但是也要看权重的，别人的网站也有关键字，还是大厂，那你的网站就要靠后了）<meta name="description" content="wei1273356078">：在百度中，搜索到你的标题时，下面出现的描述<title>：浏览器的标题，如果没有，会自动在主体部分抓取权重高的字段当标题<h1>：我的权重最高，一般一个页面使用一次就可以了（h2~h6就不说了）<div>：语义不太清晰的可以使用div 是用来控制块元素的<p>：主要是放段落内容的<pre>：基本上不使用pre标签，作用：原样输出，有几个空格就几个空格<span>：对块级元素内部的个别内容进行单独控制时用<header>：header 页面、头部 可以用来定义整个页面的顶部，也可以定义某个局部区域的顶部<nav>：nav：navigation的缩写 定义导航栏的。也可以定义某个局部区域的导航<main>：main 主要部分，除却头部和底部都包含在内的内容。一般用来控制主体居中的<article>：article 可以放独立的内容，不同的主题内容，可以设置多个article标签<section>：section 区域、部分 可以用来放一些重复的元素<aside>：aside 可以放一些次要内容，比如小挂件、小部件、侧边栏、广告位等等<footer>：footer 页脚、底部 可以用来定义整个页面的底部，也可以定义某个局部区域的底部<small>：（标签中的字体会减小）用于描述一段声明类的文本；比如说；一个商品，每个人限购一个<time>：time 语义是表示时间的标签<abbr title="是一种前端必修知识">： ：abbreviation的缩写 意思是缩写词 作用：将一段话话缩写成一个词，鼠标停留会有提示<sub>：下标标签<sup>：上标标签<del>：del 删除线：表示不用了，删除了（比如说原价的用del，现价可以使用ins）<ins>：ins 表示修正后的内容<s>：用于问题的选项：一个题有a b c三个选项，这三个选项使用s标签（s在H4中删除不用了，但是H5中又开始捡起来了）<code>： code 用来放一些代码的，但是需要一些插件才可以让标签中的代码显示<progress>：没有限制时，进度条是一直来回滑动的<progress value="60" max="100">：浏览器不支持该标签时显示：60%<strong>、<em>、<mark>：strong、em、mark 主要是起强调作用，例如在一段话中强调某个词等等<cite>： cite 引用关键的片段、作者的一篇文章名等等<blockquote>：blockquote 也是引用，这个是引用一段较长的文章内容<address>：address 语义是用来放地址的
<!-- 搜索框 -->
<form action="" method="POST">
<!-- 搜索框需要配合datalist标签使用 -->
<!-- autocomplete 值：on/off 是否保留历史缓存 -->
<input type="search" name="search" list="lesson" autocomplete="off">
<datalist id="lesson">
<option value="HTML">超文本标记语言</option>
<option value="CSS">美化网页样式</option>
<option value="JavaScript">前端脚本语言</option>
</datalist>
</form>
- 搜素框的效果图
结语
上面的语义标签或许不全面，希望小伙伴们多多提出新的标签，大家一起进步。下次写一篇关于媒体查询的文章吧。。。我还不会制作一个动图来展示效果。只能需要小伙伴们自己复制代码去查看效果了。。。。。
1037
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
