字节青训营课程一——html

最新推荐文章于 2024-07-26 11:48:42 发布

倦鸟叫了一整天

最新推荐文章于 2024-07-26 11:48:42 发布

阅读量398

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_53046458/article/details/125964076

版权

行一：doctype html标记了当前html文件采用什么html版本，如果不写这一行，浏览器将会默认采用老旧的渲染模式

行二：根标签，<html>与</html>配套出现，所有标签都是写在html标签里

行三：<head>与</head>配套出现，放一些源数据，一些页面需要信息但是又不需要呈现给用户的，例如页面标题页面编码

行七：<body>与</body>配套出现，真正呈现给客户的，比如一段文字或者标题图片

浏览器会把html解析成dom树，<html>为根节点，每一个节点都称作dom节点

HTML语法一些规范：第一点中，一些react和vue自定义的组件用大写，而html的标签用小写第一点中

链接标签：采用<a>标签，其最重要的属性是href超链接地址，属性值是点击了后需要跳转的页面，若写上target="_blank"则是指以新窗口打开页面而不是替换当前页面

type="checkbox"表示用户可以多选，type="radio"表示用户单选，用属性name的值来标记互斥关系，name值相同当中选一个

当选项较多时用<label>较为臃肿，则可以采用下拉列表<select>,把下拉的列表选项写在<option>中

有时候下拉列表中可以允许用户输入值，浏览器可以给用户提示，辅助快速输入，<option>中是提示的选项

<strong>和<em>标签表示强调

header页头标签：页面关于头部的信息，与<head>不一样，<header>放的是呈现给用户的内容，比如导航或者logo，而导航放在<nav>标签中

main页面主体标签：一般一个页面只有一个主体，文章正文可以放在article标签，也可以没有article

aside标签：与页面相关，比如与页面相关的广告或者热点推荐

footer页尾标签：放页面参考信息或者备案信息之类

关注