Што такое HTML тэгаў у параўнанні з HTML-элемент?

Існуе розніца паміж гэтымі двума тэрмінамі

Вэб-дызайн, як і ў любой галіны або прафесіі, ёсць мова ўсе свае ўласныя. Як увайсці ў галіну і пачаць размаўляць з калегамі, вы, несумненна, будзеце працаваць у хваляванне тэрмінаў і фраз, якія з'яўляюцца новымі для вас, але патоку язычкоў вашых калегаў вэба-прафесіяналаў. Два з тэрмінаў, якія вы пачуеце ў HTML «тэг» і «элемент».

Як вы чуеце гэтыя два тэрміна кажуць, вы можаце зразумець, што яны выкарыстоўваюцца некалькі ўзаемазаменныя. Такім чынам, адно пытанне, што многія новыя вэб-спецыялісты маюць, калі яны пачынаюць працаваць з HTML-кодам «у чым розніца паміж HTML тэгамі і HTML элементам?»

Хоць гэтыя два тэрміна падобныя па сэнсе, яны на самой справе не сінонімамі. Так што падабенства з гэтымі двума тэрмінамі? Кароткі адказ, што абодва тэгі і элементы ставяцца да разметкі, якая выкарыстоўваецца для напісання HTML. Напрыклад, вы можаце сказаць, што вы карыстаецеся тэг <р>, каб вызначыць пункт або элемент для стварэння спасылак. Шматлікія людзі выкарыстоўваюць тэрміны тэг і элемент ўзаемазаменныя, і любы вэб-дызайнер або распрацоўшчык вы кажаце з зразумее, што вы мелі на ўвазе, але рэальнасць такая, што ёсць невялікая розніца паміж гэтымі двума тэрмінамі.

HTML з'яўляецца мовай разметкі , а гэта азначае , што яна напісана з кодамі , якія могуць быць прачытаныя чалавекам без яго неабходнасці быць скампіляваны першым. Іншымі словамі, тэкст на вэб-старонцы «размечаная» з гэтымі кодамі, каб даць інструкцыі вэб-браўзэра пра тое, як для адлюстравання тэксту. Гэтыя тэгі разметкі з'яўляюцца HTML тэгаў сам.

Калі вы пішаце HTML, вы пішаце HTML-тэгі. Усе HTML-тэгі складаюцца з некалькіх асобных частак, у тым ліку:

• Менш чым знак <
• Слова або сімвал, які вызначае, які тэг запісваецца
• Любую колькасць неабавязковага HTML атрыбуты ў выглядзе імя = пару «значэнне»
• І, нарэшце, больш, чым знак>

Напрыклад, вось некаторыя HTML-тэгі:

• <Р>

Гэта ўсё HTML-тэгі адкрыцця, без якіх-небудзь дадатковых атрыбутаў, дададзеных да іх. Гэтыя тэгі ўяўляюць сабой:

• <Р> - вызначае пункт.
• - вызначае старонку як HTML
• - вызначае дзяленне.

Ніжэй таксама HTML-тэгі:

• <Уль ID = "меню-спіс">

Усе гэтыя прыклады ўключаюць у сябе атрыбуты, якія былі дададзеныя ў адкрыцці HTML-тэг.

• ўяўляе сабой неўпарадкаваных спіс, які ўключае ў сябе атрыбут ID
  • Падраздзяленне мае атрыбут класа
  • Якар, або звяно, элемент ўключае атрыбут «HREF»
  • Тэг малюнка з атрыбутам «Src»

  Для якарных і малюнкаў тэгаў, атрыбуты на самай справе зьяўляюцца не абавязковымі, яны неабходныя для гэтых тэгаў для правільнага адлюстравання. Вы павінны сказаць па спасылцы, куды ісці (гэта тое, што «HREF» робіць) і малюнак, што паказаць (што атрыбут «ЦСІ» прадастаўляе).

  Якія HTML элементы

  Згодна з W3C спецыфікацыі HTML, элемент з'яўляецца асноўным будаўнічым блокам HTML і , як правіла , складаецца з двух тэгаў: адкрываючы тэг і што зачыняе тэг. Да гэтага часу мы разглядалі толькі адкрыццё пазнакі, якая пачынаецца элементы. Каб скончыць гэты элемент, вы пішаце адпаведныя зачыняюць тэгі.

  Напрыклад, для элемента абзаца вы пішаце гэта:

  <Р>

  Гэта складаецца з які адкрывае тэга, які мы бачылі хвіліну назад, а таксама які зачыняе тэг - . Заключныя тэгі сапраўды паўтараюцца толькі адкрываючы тэг, але з «наперад слэшам» дадаюць непасрэдна пасля таго, як «менш, чым сімвал».

  Амаль усе HTML элементы маюць адкрываючы тэг і што зачыняе тэг. Гэтыя тэгі атачаюць тэкст, які будзе адлюстроўвацца на вэб-старонцы. Напрыклад, каб напісаць абзац тэксту, вы пішаце тэкст для адлюстравання на старонцы, а затым акружыць яго з гэтымі пазнакамі:

  <Р> Гэта дзе можна было б напісаць тэкст абзаца, які вы хацелі б адлюстроўвацца на вэб-старонцы.

  Некаторыя HTML элементы не маюць які зачыняе тэг. Яны называюцца «пустымі элементамі». Часам яны таксама называецца як « Сінглтан » або «пустыя» элементы. Пустыя элементы простыя ў выкарыстанні, таму што вы павінны ўключаць толькі адзін тэг у вэб-старонкі і браўзэр будзе ведаць, што рабіць. Напрыклад, каб дадаць адзін разрыў радкі на старонцы вы павінны выкарыстоўваць B
  тэг.

  Іншы распаўсюджаны элемент, які ўключае ў сябе толькі адкрывае тэг з'яўляецца элементам «адлюстравання". Напрыклад:

  Мы бачылі гэты прыклад раней, але не зачыняе тэг для гэтага элемента малюнка. Браўзэр будзе проста замяніць гэты код з выявай, на які спасылаецца ў атрыбуце «HREF». У гэтым выпадку, гэта было б «logo.png».

  Увогуле, калі я спасылацца на HTML элемент або тэг, я буду выкарыстоўваць "элемент» тэрмін для абазначэння, што я маю на ўвазе ўсё часткі элемента (як адчыняе і зачыняе тэгі). Я выкарыстоўваю «тэг», я сапраўды на ўвазе толькі адзін ці іншы. Гэта правільнае выкарыстанне гэтых двух тэрмінаў, і я заклікаю вас выкарыстоўваць іх належным чынам - але дакладна ведаю, што калі вы слізгацення і пераставіць іх няшмат, вы ўсё роўна будзеце зразуметыя вашымі новымі калегамі вэб-распрацоўкі!

  Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 7/21/17