HTML——常用的块标签

张开发
2026/4/8 23:49:58 15 分钟阅读

分享文章

HTML——常用的块标签
学习标签主要学习语义和默认样式默认样式:浏览器为了让标签在没有css样式的时候,也能呈现出比较好的显示效果,所以给部分的标签,添加了一些默认样式。这些默认样式,不同的浏览器对它的解析标准是不一样的,例如谷歌解析标题的上下边距为16,火狐解析标准是14,```所以在开发前,我们会将这些默认样式都去除,要多大,自己设常用块标签:h1-h6,p,div,center,header,main,footer,nav,aside,ul,ol,li,·····一、常用块标签(一)页面标题标签共有6个,h1-h61、语义页面的标题h1在标题中语义最重,所以一个页面一般只使用一次,一般可以给页面logo使用,辅助浏览器进行抓取优化h2-h6语义逐步降低,所以常用的是h1-h32、默认样式上下有20像素左右外边距margin,字体加粗,字体大小有变化,h1最大,逐步变小,h6最小h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 h4四级标题/h4 h5五级标题/h5 h6六级标题/h6面试题:title标签跟h1标签有什么区别?1、相同点都属于标题标签,语义都比较重,都是辅助浏览器进行抓取,提高页面seo优化2、不同点(1)title标签是整个网页的标题,显示在浏览器标题栏中,h1属于页面内容的标题,显示在页面中(2)title标签语义最重,h1标签其次(3)h1属于页面标签,有默认样式总结:两者都属html中比较重要的标签,慎重使用(二)p标签1、语义段落标签一个p标签表示一个段落2、默认样式上下有16像素左右的外边距marginp葬死国小不杨人,活。/p3、注意事项p是一个特殊的块标签,里面一般只放文本,不能放块标签,可以放行内、行内块标签(三)center标签1、语义包裹在center内的所有内容,都会居中显示2、注意事项后期开发页面阶段,用的就比较少了,因为后面可以使用css样式设置居中效果(四)div标签1、语义没有语义,仅仅表示一个外层框架,也没有默认样式2、注意事项div

更多文章