現在的位置: 首頁 > web前端 > 正文

HTML、CSS、JavaScript可以實現什么功能?

2020年01月14日 web前端 ⁄ 共 962字 ⁄ 字號 評論關閉

  相信正在學習Web前端知識的小伙伴們都知道,學習Web前端開發基礎技術需要掌握:HTML、CSS、JavaScript,那么這三個都是分別實現什么功能的呢?下面和小編一起來看看吧!

  一、HTML是網頁內容的載體

  內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。

  二、CSS樣式是表現

  就像網頁的外衣,比如:標題字體、顏色變化、為標題加入背景圖片、邊框等。

  所有這些用來改變內容外觀的東西稱之為表現。

  三、JavaScript是用來實現網頁上的特效效果

  比如:鼠標滑過彈出下拉菜單、鼠標滑過表格的背景顏色改變、焦點新聞的輪換。

  可以理解為:有動畫的、有交互的一般都用JavaScript來實現。

  HTML之代碼注釋:

  代碼注釋是幫助程序員標注代碼的作用,過一段時間后再看你所編寫的代碼,就能很快想起這段代碼的作用。

  代碼注釋不僅方便程序員自己回憶起以前代碼的用途,還可以幫助其他程序員很快的讀懂你的程序的功能,方便多人合作開發網頁代碼。

  HTML之語義化:

  語義化其實就是明白每個標簽的用途,它能夠讓你的網頁更好的被搜索引擎理解。

  它的好處可以總結為兩點:

  (1)更容易被搜索引擎收錄;

  (2)更容易讓屏幕閱讀器讀出網頁內容;

  HTML之em、strong和span的區別:

  (1)和標簽是為了強調一段話中的關鍵字時使用,他們的語義是強調;

  (2)標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的;

  HTML之summary,caption:

  作用是為table添加標題和摘要

  摘要的內容不會在瀏覽器中顯示出來,它的作用是增加表格的可讀性(語義化),使搜索引擎更好的讀懂表格內容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。

  代碼注釋:

  在CSS中的注釋語句:用/*注釋語句*/來標明

  在Html中使用來標明

  HTML選擇器的問題:

  后代選擇器與子選擇器的區別

  子選擇器(child selector)僅是指它的直接后代,或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。

  總結:

  >作用于元素的第一代后代,空格作用于元素的所有后代。

抱歉!評論已關閉.

奔驰宝马破解版下载 成都麻将 大地棋牌下载老版 十一运夺金出号走势 万料堂论坛网址 资产配置类私募基金 正宗长沙麻将免费下载 今日十一运夺金预测 捕鱼大亨老版 友乐广西南宁麻将 江苏7位数走势图30期 西甲足球直播 星悦云南麻将下载 陈教授平特一肖大公开 西部数据股票 微乐吉林麻将官方版 正版平特一肖图由ww