我是小又又,住在武汉,做了两年新媒体,准备用 6 个月时间转行前端。
今日学习目标
昨天了解了 <head> 标签内部<title>元素和<meta>元素具体含义,今天准备学习一下之前使用到的 <h1>元素和<p>元素文档标签相关具体含义,又是适合学习的一天,加油,小又又!!!!
标题标签学习
之前用到了<h1>标题很不理解,今天要好好学习一下呢~~
<h1> - <h6> 标签被用来定义 HTML 标题。
<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。
注意事项!!!
浏览器会自动地在标题的前后添加空行。
请确保将
HTML 标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览网页,所以用标题来呈现文档结构是很重要的。
应该将
h1用作主标题(最重要的),其后是h2(次重要的),再其次是h3,以此类推。
那这个就是和写文章中的标题大纲级别一样的意思了,原来是这样~~~
正常来说,一个文章结构中大纲很重要的,方便让人快速对文章结构有一个了解。
不过也不能乱用,一篇文章中太多的标题,会有很多问题的呢~~~
<p> 段落学习
之前用到了<p>内容很不理解,今天要好好学习一下呢~~
<p> 标签定义段落。
注意事项!!!
- 浏览器会自动地在段落的前后创建一些空白。
这个和写文章中的
正文是不是同一个意思呢
文档标签支持属性
这边就是<h1> ~ <h6> 和<p>都支持的属性说明呢~~
全局属性
| 属性 | 描述 |
|---|---|
| accesskey | 设置访问元素的键盘快捷键。 |
| class | 规定元素的类名(classname) |
contenteditable New |
规定是否可编辑元素的内容。 |
contextmenu New |
指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 |
data-* New |
用于存储页面的自定义数据 |
| dir | 设置元素中内容的文本方向。 |
draggable New |
指定某个元素是否可以拖动 |
dropzone New |
指定是否将数据复制,移动,或链接,或删除 |
| hiddenNew hidden | 属性规定对元素进行隐藏。 |
| id | 规定元素的唯一 id |
| lang | 设置元素中内容的语言代码。 |
spellcheck New |
检测元素是否拼写错误 |
| style | 规定元素的行内样式(inline style) |
| tabindex | 设置元素的 Tab 键控制次序。 |
| title | 规定元素的额外信息(可在工具提示中显示) |
translate New |
指定是否一个元素的值在页面载入时是否需要翻译 |
事件属性
| 属性 | 值 | 描述 |
|---|---|---|
onafterprint New |
script | 在打印文档之后运行脚本 |
onbeforeprint New |
script | 在文档打印之前运行脚本 |
onbeforeonload New |
script | 在文档加载之前运行脚本 |
| onblur script | 当窗口失去焦点时运行脚本 | |
onerror New |
script | 当错误发生时运行脚本 |
| onfocus | script | 当窗口获得焦点时运行脚本 |
onhaschange New |
script 当文档改变时运行脚本 | |
| onload | script | 当文档加载时运行脚本 |
onmessage New |
script | 当触发消息时运行脚本 |
onoffline New |
script | 当文档离线时运行脚本 |
ononline New |
script | 当文档上线时运行脚本 |
onpagehide New |
script | 当窗口隐藏时运行脚本 |
onpageshow New |
script | 当窗口可见时运行脚本 |
onpopstate New |
script | 当窗口历史记录改变时运行脚本 |
| onredoNew | script | 当文档执行再执行操作(redo)时运行脚本 |
onresize New |
script | 当调整窗口大小时运行脚本 |
onstorage New |
script | 当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本 |
onundo New |
script | 当文档执行撤销时运行脚本 |
onunload New |
script | 当用户离开文档时运行脚本 |
文档类型支持情况
| Tag | HTML5 | Transitional | Strict | Frameset | XHTML 1.1 |
|---|---|---|---|---|---|
<h1> to <h6> |
Yes | Yes | Yes | Yes | Yes |
<p> |
Yes | Yes | Yes | Yes | Yes |
今日学习名词
| 名称 | 名词解析 |
|---|---|
| 搜索引擎 | 所谓搜索引擎,就是根据用户需求与一定算法,运用特定策略从互联网检索出制定信息反馈给用户的一门检索技术。搜索引擎依托于多种技术,如网络爬虫技术、检索排序技术、网页处理技术、大数据处理技术、自然语言处理技术等,为信息检索用户提供快速、高相关性的信息服务。搜索引擎技术的核心模块一般包括爬虫、索引、检索和排序等,同时可添加其他一系列辅助模块,以为用户创造更好的网络使用环境。 |
今日小尝试

不过,正常来说,写文章一般就是用到了
h1到h3之后级别的,就没用大纲标记了,都是直接使用自定的序号标题,毕竟一个文章中,标题太多,会让人看的很困扰。
今日学习总结
<h1>-<h6>标签被用来定义 HTML 标题,重要性由高到低。<p>标签定义段落。

今日心情
今日学习的内容中,有些和我之前接触的东西相关,就让人很开心,希望明天学习到更多东西~~~
本文使用 mdnice 排版