前端与html|青训营笔记

47 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天。学习关于什么是前端。

前端

image.png

前端可以由Html(内容)、CSS(样式)、JavaScript(行为)构成。

image.png

前端应该关注哪些方面呢? 前端是呈现给用户看的,属于应该注意美观,功能和体验。出于安全和维护考虑,兼容性和安全也是很重要的。

一.什么是HTML

“HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言。

1.HTML的语法: 标签和属性不区分大小写,推荐小写。 空标签可以不闭合,比如 input、meta。 属性值推荐使用双引号包裹。一些属性值也可以省略。

谁在使用我们写的HTML: 开发者-修改、维护页面; 浏览器-展示页面; 搜索引擎-提取关键词、排序 屏幕阅读器-给盲人读页面内容。

二.DOM树

“DOM一般指文档对象模型。文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。

image.png

三.语义化

HTML中的元素、属性及属性值都拥有某些含义 开发者应该遵循语义来编写HTML。例如:有序列表用ol;无序列表用ul。lang属性表示内容所使用的语言。

语义化的好处:代码可读性和可维护性得到了提高,可以优化搜索引擎,提升无障碍性。

如何做到语义化:了解每个标签和属性的含义,思考什么标签最适合描述这个内容,不使用可视化工具生成代码。