0
点赞
收藏
分享

微信扫一扫

全面了解html的基础与奇淫巧计

凉夜lrs 2022-04-08 阅读 56
html5

前言

在web网页中,最容易被忽视的就是html了,几乎所有开发都一致鄙视html。写基础html很简单,但是如果是考虑到网页架构层面、代码性能、维护方面、SEO搜索方面以及html标签的细节巧用,那就又是一门学问了。

一、HTML是什么?

html,又叫做超文本标记语言。它不属于编程语言,因为它没有逻辑性,只能称为标记。但它是web网页端不可缺失的一部分,它主要负责的是网页的结构。

二、HTML的重点知识(持续补充)

1、html5的语义化标签;
它的好处就是可以编写更加好维护的代码,利于搜索引擎搜索。核心标签为header、nav、footer,当然还有,在此不一一列举。

2、块级元素、行内元素、内联元素;
块级元素:div、p、h1~h6、address…
行内元素:span、i、em、strong、b、ins…
内联元素(行内块): img…
它们其实全部都是简称,当我们要考虑搜索引擎、性能维护方面的时候,优先去选择带有语义化的标签,如em,是emphasize的简称,它相比于i标签,更容易让浏览器识别。

这些标签还有一个概念,就是物理标记和逻辑标记。 比如b就是物理标记,物理标记是告诉浏览器我要加粗,只管给我加粗剩下的什么都不用管。strong就是逻辑标记,告诉浏览器去强调加粗,语气更重。
简述以上就是:物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。 通常,我们建议使用逻辑标签,它更利于搜索引擎,并且更直观的向开发者传递含义。

3、标签结构包含问题
块级元素可以包含任何元素,但不建议p标签包含div,在element中会出现两个p标签的问题。
行内元素不能包含块级元素
a标签不能包含a标签

4、a标签的作用
a标签,又称锚点。我们平常会用它的属性href去做链接跳转。其实这个标签还有别的作用,如:
打电话
发邮件
定位元素等

总结

以上为html基础内容总结,当然远远不止这些,同时也希望大家可以正确的理解html,技术无高低,功力有深浅。以上关于html的重点知识我会持续更新,同时也欢迎大家补充和更正~

举报

相关推荐

0 条评论