这里是主体的页眉，可以有主体的导航/目录、介绍等等
这里是介绍
这里是第一篇文章
这里是段落一
这里是段落二
。。。
这里是第二篇文章
这里是第二篇文章的第一部分
与上面类似
这里是第二篇文章的第二部分
与上面类似
翻译”：[{“文本”：”
n
小编就给大家分享一下如何使用HTML5的手动焦点属性，相信大部分人还是不知道怎么理解的，所以分享这篇文章供大家参考，希望大家看完这篇文章收获很多，一起去了解吧！
n
过去使用 JavaScript 和 Flash 完成的任务，例如表单验证、INPUT占位符、客户端文件命名和音频/视频播放，现在可以使用基本的 HTML 来完成。另一个简单的 HTML 功能是，它现在允许我们在页面加载后通过称为自动焦点的属性手动将输入焦点定位到所需的元素。
n
代码是这样的简单：
n
你好！
n
设置自动对焦属性后，将在页面加载后手动选择输入、文本区域和按钮元素（即获取焦点）。
n
此属性在主要目的是获取用户输入的页面（pageswhosemainpurposeiscollectinginformation）中很有用，例如Google主页（99%的时间被搜索）或在线安装向导（例如WordPress的安装程序）。不需要 JavaScript 参与。
n
完整的页面代码如下：
n
你好！
n
以上就是文章《如何使用HTML5手动焦点属性》的全部内容，感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助，如果想了解更多知识，欢迎关注易速云行业资讯频道！“，”to“：”en“，”sentLen“：{”srcSentLen“：[23，1，1，94，125，64，5，19，11，129html5焦点，5，155，16，5，18，11，
98]，”transSentLen“：[51，0，1，278，182，175html5焦点，5，38，11，143，5，254，39，5，45，10，325]}}]}]
本系列文章旨在记录和总结自己在Java Web开发之路上的知识点、经验、问题和思考，原来已经分享在我的CSDN博客，现在分享在头条，希望能帮助更多码农和想成为码农的人。版权声明：本文为CSDN博主「普通的码农」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/liyongyan1202/article/details/89064944
内容介绍 核心思想 基本结构 文本信息 链接形式 概要介绍
上一篇文章多次使用了HTML（HyperText Markup Language，中文是超文本标记语言）。 这种语言可以使用任何文本编辑器进行编译，编写的文档就是网页。 只要文件名以后缀.html结尾，浏览器就可以解释该文档并以某种格式呈现。
HTML是Web后端三剑客之一。 它主要负责数据的结构、框架或骨架，表明什么数据是标题、正文、导航、链接、表格、段落、图片、音频、代码等。 简而言之，就是数据是什么。
大意
HTML的核心思想很简单，就是标记你的信息，举一个反例：
XX爆炸性新闻 某年某月某日，某某发生某事。。。 其他事情。。。
尖括号 < > 及其上面的单词是标记或标记，但 HTML 标准使用英语短语。 我只是用英语单词来说明这个想法。
标签有开始标签和结束标签，即结束标签上方有一个额外的正斜杠。
实际信息（即呈现给用户的内容）写在开始标签和结束标签之间，也就是标签的内容。 有时没有内容，可以将开始标签和结束标签合二为一，成为</>，即将正斜杠放在右尖括号后面，或者省略正斜杠。
标签及其内容统称为元素，例如示例中的开始标签和结束标签以及它们之间的内容就是一个元素。 可见元素是可以嵌套的，即元素上面的内容可以再次包含元素，但是开始标签和结束标签要注意互相呼应。 其实，在写作的时候，可以利用缩进来减少层次感，也不容易出错。
元素也有属性，属性可能有也可能没有属性值，这将在接下来讨论。 这里我要提的是一个编译规范。 无论是标签、属性还是值，习惯上使用英文大写短语并用连字符（即破折号和减号）连接。 需要发送到Web服务器的形式的数据可以使用前端开发规范。
每个元素都可以设置一个id属性，该属性的值在网页内必须是唯一的。
当前的 HTML 版本是 HTML5，大多数浏览器版本都支持大部分常用功能。 再次指出，HTML的主要思想是标记你的信息。 这些标记代表了数据的结构、框架或骨架，这就是语义。 至于数据如何呈现（比如在哪里呈现、什么颜色、字体、背景等）和动态行为则由 CSS（层叠样式表）和 JavaScript 来处理。 它们都是由浏览器解释并执行的。
基本结构
HTML5网页基本上有以下结构：
这里是网页的标题
可以看出，基本结构是由各种标签组成的，但是标签使用英文短语，而且这些标签是标准化的（以便所有浏览器都能识别），浏览器必须识别它们。 这些标签也非常语义化（以便人类可以轻松识别它们并方便网页的开发和维护）。 基本上，他们使用与语义相对应的中文短语或缩写。 这也是理所当然的事情，而且很容易记忆和使用。
基本结构包括以下几点：
然而，仅仅告诉浏览器使用哪种字符编码是不够的。 当网页文档本身用文本编辑器编辑保存时，必须使用该字符编码保存； 传输的字符编码。
就好像我给你写了一封信，让你用法语读这封信，但信的内容是用英语写的，那么你仍然看不懂这封信。 这里我使用的是常用的utf-8字符编码，基本上在Web上都使用。 它可以表示世界各地各种语言的字符，而且占用的字节数更少。 字符编码也是一个复杂但是非常重要的内容，这里先不讲；
OK，每个网页都有这个基本结构了，剩下的就是在元素中添加你的各种信息了。
短信
首先我们可以在元素中添加文字，毕竟文字在我们的生活中占有非常重要的地位，尤其是在古代。 文本可以写成小说、剧本、新闻、信息等。 添加文本非常简单，只需在元素上键入文本（各种语言）即可。
如果是这样的话，那么就不可能说 HTML 负责数据的结构、框架或骨架。 是的，HTML也提供了很多标签来描述数据，下面介绍一些常用的。
在撰写文章时，一般需要为文章创建一个标题，文章有总标题和副标题。 文章的内容放在同一个标题下，标题下可能有多个小标题，类似于一篇文档的大纲。 因此，HTML提供了、、、、、这六个标签来说明标题的语义。 我们尝试用这种标记来标记信息。 我们先看代码：
这里是网页的标题 这是一级标题
这是一级标题
这是一级标题
这是一级标题
这是一级标题
这是一级标题
我特地将这些信息写成两行，看看浏览器是如何处理的：
可以看到，浏览器对不同级别的标题字体大小的显示会有所不同。 一级称号最大，六级称号最小。 大多数浏览器都会以这种方式处理它。
那么问题来了，HTML不是只负责信息的语义，而不负责信息如何显示吗？ 话虽如此，为不同语义的信息提供默认的显示效果可以让我们省去编写如何显示信息的代码。 这再次论证了合约优先级的思想（本质就是默认值）。 这意味着我们仍然可以改变各级标题的显示方式，比如字体、颜色等，这需要CSS。
请注意，浏览器可以关闭 CSS 和 JavaScript，只是为了让这两种技术失效。 从这个角度来说，为标签设置默认的显示效果也是有原因的。
虽然标记有默认的显示效果html5 文本框，但是我们千万不要为了获得这种类似的显示效果而强行标记个别信息，而应该使用CSS来获得这种显示效果。 例如html5 文本框，不能为了强化字体而强行标记非标题的内容。 这应该留给CSS。 是否标注（n代表1、2、3、4、5、6）要考虑内容在语义上是否就是标题！
第二点非常重要。 显然，代码上方的一行有两个标题。 为什么浏览器显示每个标题占一行的效果？
这是因为 HTML 规定各个标签都有其功能。 当浏览器遇到它时，它必须将其显示在另一行中。 具有该功能的标签称为块级标签，不具有该功能的为行级标签（不知道是否可以这样定义，通常的划分方式是块级标签可以嵌套）在其他标签之上，并且行级标签不能嵌套在其他标签之上）。
事实上，HTML规定文本上面的格式（缩进、换行、多个连续空格等）是没有用的，浏览器会把这种格式压缩成空格。 例如，下面的代码实际上显示一行：
这是第一段。。。 这是第二段。。。 这是第三段。。。
显示疗效变为：
这是第一段。。。 这是第二段。。。 这是第三段。。。
除了代表标题的标签之外，还有很多其他标签作用于文本甚至整个语义布局。 下面只是一段代码，展示比较常用的标签，没有过多解释。
这里是网页的标题 这里是网页的页眉，里面可以有导航
布局中涉及到的标签有：
与文本内容相关的标签有：
用于标记文本的还有很多，如表示重要性、表示要点、表示数字总和、表示引文或参考文献、表示引用文本总和、表示代码等。
以上标签在我们的Java Web开发中暂时不使用，所以我们不讨论它们。
关联
链接可以说是网页的灵魂，也正是它才产生了Web。 指示该信息是链接的标志是 。 这是一个例子：
这里是网页的标题 这里是某些文本。。。有些东西需要人们在另一个网页中查看
What is HTML?
HTML is ...
How does HTML work?
HTML is explained by browser ...
在浏览器上的渲染效果如下：
在上面的例子中
