转行学前端的第 4 天 : 学习 HTML 文档标签基础

转行学前端的第 4 天 : 学习 HTML 文档标签基础

技术杂谈小彩虹2021-07-30 7:58:006720A+A-

我是小又又,住在武汉,做了两年新媒体,准备用 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

今日学习名词

名称 名词解析
搜索引擎 所谓搜索引擎,就是根据用户需求与一定算法,运用特定策略从互联网检索出制定信息反馈给用户的一门检索技术。搜索引擎依托于多种技术,如网络爬虫技术、检索排序技术、网页处理技术、大数据处理技术、自然语言处理技术等,为信息检索用户提供快速、高相关性的信息服务。搜索引擎技术的核心模块一般包括爬虫、索引、检索和排序等,同时可添加其他一系列辅助模块,以为用户创造更好的网络使用环境。

今日小尝试

不过,正常来说,写文章一般就是用到了 h1h3 之后级别的,就没用大纲标记了,都是直接使用自定的序号标题,毕竟一个文章中,标题太多,会让人看的很困扰。


今日学习总结

  • <h1> - <h6> 标签被用来定义 HTML 标题,重要性由高到低。
  • <p> 标签定义段落

今日心情


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

本文使用 mdnice 排版

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1
本网站由 提供CDN/云存储服务

联系我们