1.1 ประวัติของ HTML

ทุกวันนี้ผู้คนใช้อินเทอร์เน็ตกันแทบทุกคน อ่านบทความ ใช้เบราว์เซอร์ ติดตามลิงก์ และมีเพียงไม่กี่คนที่สงสัยว่าอินเทอร์เน็ตถูกประดิษฐ์ขึ้นเมื่อใดและโดยใคร

ยังคงขึ้นอยู่กับสิ่งที่คุณเรียกว่าอินเทอร์เน็ต บ่อยครั้งที่คนธรรมดาหมายถึงสิ่งหนึ่งและช่างเทคนิคหมายถึงอีกสิ่งหนึ่ง เครือข่ายคอมพิวเตอร์ที่เชื่อมต่อศูนย์ข้อมูลที่ใหญ่ที่สุดในโลกถูกสร้างขึ้นในทศวรรษที่ 70 แต่อินเทอร์เน็ตที่บุคคลธรรมดาสามารถเข้าถึงได้ (เบราว์เซอร์ ลิงก์ หน้าทุกประเภท) ถูกคิดค้นโดยคนๆ หนึ่งในช่วงต้นทศวรรษที่ 90 . แล้วก็เป็นแบบนี้...

ในช่วงต้นทศวรรษ 1990 ชาวอังกฤษTim Berners-Leeได้คิดค้นอินเทอร์เน็ต แม้ว่าอย่างไรก็ตาม สิ่งที่เขาประดิษฐ์ขึ้นจะเรียกว่าเว็บได้ถูกต้องกว่า แต่World Wide Webเขาก็คือwwwเขาก็คือเวิลด์ไวด์เว็บด้วย ใช่ ชายคนหนึ่งคิดค้นเวิลด์ไวด์เว็บ

ตั้งแต่ปี พ.ศ. 2529-2534 เขาทำงานที่ศูนย์วิจัยเซิร์น (ในเจนีวา ประเทศสวิตเซอร์แลนด์) เกี่ยวกับมาตรฐานเอกสารทางวิทยาศาสตร์ใหม่ คุณเห็นไหมว่าเป็นเรื่องปกติที่นักวิทยาศาสตร์จะเผยแพร่เอกสารทางวิทยาศาสตร์ในรูปแบบของบทความและในตอนท้ายของบทความเพื่อระบุรายการวรรณกรรมที่ใช้แล้ว กล่าวอีกนัยหนึ่ง ความรู้ทางวิทยาศาสตร์คือรายการบทความที่มีลิงก์เชื่อมโยงถึงกัน

อย่างไรก็ตามวิกิพีเดียสมัยใหม่มีความคล้ายคลึงกับวิธีที่ผู้สร้างเห็นเวิลด์ไวด์เว็บมาก : บทความทางวิทยาศาสตร์ที่มีลิงก์เชื่อมโยงถึงกัน รายชื่อแหล่งข้อมูลและวรรณกรรมที่ใช้ และถ้าทิมโชคดีเว็บก็จะยังเป็นแบบนี้ แต่ระหว่างทางไปสู่อนาคตที่สดใส โลกกลับตาลปัตรที่ไหนสักแห่ง :)

เว็บใช้เทคโนโลยีสามอย่าง:

  • HTML-pageซึ่งประกอบด้วยข้อความ รูปภาพ และลิงก์ไปยังอื่นๆHTML-pages.
  • • เบราว์เซอร์ที่แสดงHTML-pageในลักษณะที่เป็นมิตรต่อมนุษย์มากที่สุด
  • • โปรโตคอลhttp- มาตรฐานสำหรับเว็บเซิร์ฟเวอร์ในการสื่อสารกับเบราว์เซอร์และระหว่างกัน

Tim Berners-Lee ไม่ได้ประดิษฐ์สิ่งเหล่านี้มากนักในขณะที่เขาสร้างมาตรฐานให้กับสิ่งเหล่านี้ HTML- ถูกสร้างขึ้นบนพื้นฐานของSGMLมาตรฐาน แท็กก็ยืมมาจากที่นั่นเช่นกัน แต่เว็บเบราว์เซอร์ตัวแรกของโลกที่ชื่อWorldWideWebTim เขียนขึ้นเอง และย้อนกลับไปในปี 1990

1.2 HTML ไม่ใช่ภาษาโปรแกรม

HTMLมันไม่ใช่ภาษาโปรแกรมและไม่เคยมีมาก่อน ไม่เคยพูดอย่างนั้น แม้ว่าคุณจะเขียนเรซูเม่ อย่าระบุHTMLในส่วนภาษาการเขียนโปรแกรม เฉพาะในส่วนเครื่องมือ (เทคโนโลยี) การเขียนเรซูเม่ของคุณว่าคุณรู้ภาษาโปรแกรม จะเป็นความ HTMLผิด พลาดอย่างร้ายแรง ทำไม

และสิ่งนี้คือHTMLมันเป็นภาษามาร์กอัปสำหรับเอกสาร หากเราทำให้มันง่ายขึ้นมากHTML-documentมันจะเป็นข้อความ (เอกสาร) ที่มีรูปภาพ ตาราง ลิงก์ ฯลฯ แทรกเข้าไป

สมมติว่าคุณต้องการเขียนบทความที่จะ:

  • ชื่อบทความ (ชื่อเรื่อง).
  • บทความประกอบด้วยหนึ่งย่อหน้า
  • รูปภาพ.
  • ข้อความสำคัญสองสามข้อที่คุณต้องการทำให้เป็นตัวหนา
  • ในช่วงกลางของบทความ ให้ระบุลิงก์ไปยังข้อมูลที่เป็นประโยชน์

นี่คือลักษณะของเอกสารนี้ในเบราว์เซอร์:


แมวบ้าน

จากมุมมองของอนุกรมวิธานทางวิทยาศาสตร์ แมวบ้านเป็นสัตว์เลี้ยงลูกด้วยนมในตระกูลแมวของสัตว์กินเนื้อ บ่อยครั้งที่แมวบ้านถูกพิจารณาว่าเป็นสายพันธุ์ย่อยของแมวป่า อย่างไรก็ตาม จากมุมมองของอนุกรมวิธานทางชีวภาพสมัยใหม่ (2017) แมวบ้านเป็นสายพันธุ์ทางชีววิทยาที่แยกจากกัน .


ค่อนข้างดีใช่มั้ย? และมาตรฐานนี้HTMLทำให้คุณสามารถอ่านเอกสารนี้ได้ทั้งกับมนุษย์และคอมพิวเตอร์ นี่คือสิ่งที่ดูเหมือนในHTML-standard:

<h1>แมวบ้าน</h1>

จากมุมมองของอนุกรมวิธานทางวิทยาศาสตร์ แมวบ้านเป็น<a href=”/”>สัตว์เลี้ยงลูกด้วยนม</a>ในวงศ์แมวของสัตว์กินเนื้อ บ่อยครั้งที่แมวบ้านถูกพิจารณาว่าเป็นสายพันธุ์ย่อยของแมวป่า อย่างไรก็ตาม จากมุมมองของอนุกรมวิธานทางชีวภาพสมัยใหม่ (2017) แมวบ้าน<b>เป็นสายพันธุ์ทางชีววิทยาที่แยกจากกัน</b> .

<img src=”cat.jpg”>

มีการเพิ่ม แท็ก พิเศษ ในข้อความของบทความ(เน้นด้วยสีแดง ) ซึ่งทั้งบุคคลและคอมพิวเตอร์ (เบราว์เซอร์) เข้าใจ เบราว์เซอร์สามารถแสดงบทความได้อย่างสวยงามสำหรับผู้อ่าน และผู้เขียนบทความสามารถแก้ไขได้อย่างง่ายดาย

1.3 การเกิดขึ้นของโปรโตคอล HTTP

ตัวย่อHTMLย่อมาจากHyper Text Markup LanguageHypertext Document Markup Language ไฮเปอร์เท็กซ์คือเอกสารที่ประกอบด้วยหน้าที่เชื่อมโยงถึงกัน มันคืออะไรhttp?

HTTPย่อมาจากHyper Text Transfer ProtocolHypertext Transfer Protocol (มาตรฐาน) httpหรือhttpsคุณสามารถดูได้ในแถบที่อยู่ของเบราว์เซอร์หากคุณพยายามคัดลอกลิงก์ไปยังหน้าที่เปิดอยู่

ลิงค์เพจทั่วไปมีลักษณะดังนี้:

http://google.com/logo.jpg

ที่จุดเริ่มต้นของลิงก์คือชื่อของโปรโตคอล ตามด้วยเครื่องหมายทวิภาคและเครื่องหมายทับสองตัว Tim Bernes-Lee เคยกล่าวไว้ในการสัมภาษณ์ครั้งหนึ่งของเขาว่าถ้าเขารู้ว่าพิธีสารhttpจะเป็นที่นิยมมาก เขาคงคิดสั้นกว่านี้ (หลังจากนั้นลิงค์เกือบทั้งหมดในโลกจะขึ้นต้นด้วยคำว่าhttp://หรือhttps://)

กลับไปที่เบราว์เซอร์กันเถอะ เมื่อเบราว์เซอร์ร้องขอhtml-pageมันจะส่งไฟล์ข้อความ (คำขอ) ไปยังเซิร์ฟเวอร์และรับไฟล์ข้อความอื่น (ตอบกลับ) เป็นการตอบแทน โหมดการทำงานนี้เรียกว่าไคลเอ็นต์เซิร์ฟเวอร์

ขั้นแรก มีบรรทัดที่มีข้อมูลสำคัญ ตามด้วยข้อมูลบริการ บรรทัดแรกของข้อความค้นหากำหนดโดยแม่แบบ:

MethodURI  HTTP/Version

หน้าส่วนตัวของผู้ใช้ CodeGym ได้รับจากลิงค์

https://codegym.cc/me

http-requestเบราว์เซอร์ที่มีลักษณะดังนี้:

GET /me  HTTP/1.0
Host: codegym.cc

ในการตอบกลับเซิร์ฟเวอร์มักจะส่ง

HTTP/1.0 200 OK
<html>page text...

บรรทัดแรกในข้อความตอบกลับคือเวอร์ชันโปรโตคอล http และสถานะการตอบกลับ (200, ตกลง ) จากนั้นบรรทัดว่างก็มาในรูปแบบข้อความhtml-pageซึ่งเบราว์เซอร์ร้องขอ ทุกอย่างง่ายมาก :)