麦包包的网站建设分析,做网站用什么软件?,微商货源网平台,浙江杭州最新消息从事前端开发工作差不多3年了#xff0c;自己也从一个什么都不懂的小白积累了一定的理论和实践经验#xff0c;并且自己也对这3年来的学习实践历程有一个梳理#xff0c;以供后面来细细回忆品味。 1、为什么选择学习前端开发#xff1f;
你可能是因为兴趣#xff0c;完成… 从事前端开发工作差不多3年了自己也从一个什么都不懂的小白积累了一定的理论和实践经验并且自己也对这3年来的学习实践历程有一个梳理以供后面来细细回忆品味。 1、为什么选择学习前端开发
你可能是因为兴趣完成一个网站、页面、功能的成就感。你也可能是因为现在前端岗位火爆就业率高。不管是因为什么只要找准了目标学就是了
标签语义化
语义和默认样式的区别
默认样式是浏览器设定的一些常用tag的表现形式语义化的主要目的就是让大家直观的认识标签和属性的用途和作用
标签语义化作用
当只有HTML页面时没有CSS我们仍然可以很清晰的看懂页面的DOM结构团队维护当团队来review代码或者重构时增强代码的可读性更利于维护有利于SEO搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重提高用户体验比如 title 和 alt 等用来解释内容信息
常用语义化的标签
header头部标签用来写网页最上方的公共头部也就是页眉。
headerh1一级标题/h1h2二级标题/h2
/headernav标签用来写导航一般写在header标签里面内部用ul无序列表。
navulli/lili/lili/li/ul
/navcodecode可以包裹html语句而不会被浏览器再去解析。 presamp这是一段HTTP协议的内容描述因为这段内容的换行是非常严格的所以我们不需要浏览器帮我们做自动换行因此我们使用了pre标签表示这部分内容是预先排版过的不需要浏览器进行排版。 article标签当我们要写网页文章的主要内容时要用到这个标签。
articleh2标题/h2p内容/p
/articleaddress标签定义文档作者或拥有者的联系信息。
如果 address 元素位于article元素内部则它表示该文章作者或拥有者的联系信息。
通常的做法是将 address 元素添加到网页的头部或底部。
p段落标签
知道了
作为段落你就不会再使用br/来换行了而且不需要br/来区分段落与段落。 p/p中的文字会自动换行而且换行的效果优于br/。
p段落内容/pspan标签
span标签的语义为被用来组合文档中的行内元素
b、em、strong
b标签语义为“加粗”
em标签语义为“强调”
strong标签语义为“更强烈的强调” 而且em 默认用斜体表示strong 用粗体表示。
最后 由于文档内容过多为了避免影响到大家的阅读体验在此只以截图展示部分内容详细完整版的JavaScript面试题文档或更多前端资料可以点此处免费获取。 展示部分内容详细完整版的JavaScript面试题文档或更多前端资料可以点此处免费获取。
