Chào. Hôm nay chúng ta sẽ nói về HTML5. Cụ thể là nó là gì, và tại sao chúng ta không học HTML1 thay vào đó. Vậy HTML là gì? HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. Ngôn ngữ đánh dấu thực sự rất phổ biến. Chúng không giống như lập trình ngôn ngữ, thay vào đó chúng là những ngôn ngữ đặc biệt sử dụng thẻ để chú thích hoặc đánh dấu tài liệu. Trong HTML, các thẻ cho các trình duyệt nơi bạn muốn đặt tiêu đề, hình ảnh, danh sách, liên kết, v.v. Một tập tin HTML là một loại đặc biệt của tập tin. Bạn đã thấy phần mở rộng tập tin đặc biệt trước đây. Bất cứ khi nào bạn mở một tập tin có một .doc, máy tính của bạn biết để mở nó trong Microsoft Word. Nếu bạn thấy một tập tin với .ppt máy tính của bạn biết, oh đó là một tập tin Power Point, tôi nên mở nó trong Power Point. Trong cùng một cách, khi bạn máy tính nhìn thấy tệp.html, nó biết rằng nó sẽ mở nó trong một trình duyệt internet như Chrome, Firefox hoặc Safari. Trình duyệt của bạn có thể đọc tập tin này và nó biết làm thế nào để hiển thị nó trên màn hình. Hơn thế nữa, các thẻ tệp HTML cũng cho phép bộ đọc màn hình và các thiết bị hỗ trợ khác sử dụng các thẻ để trình bày thông tin theo những cách mới và đặc biệt. Vì vậy, HTML là rất giống với tiếng Anh, bạn có thể hiểu nó ngay cả khi bạn không biết nhiều về nó. Hãy nhìn vào tập tin HTML ví dụ này ở đây. Hầu hết nó chỉ là một ngôn ngữ tiếng Anh điển hình. Đây là một tiêu đề quan trọng hoặc hi có. Tôi sẽ bao gồm một liên kết đến trang khóa học. Nhưng nếu bạn nhìn kỹ, bạn có thể thấy chúng tôi đã thêm những thẻ nhỏ bé này mà trình duyệt sử dụng nó để biết làm thế nào để đại diện cho tài liệu. Vì vậy, h1 chỉ là thẻ tiêu đề. Nó nói với trình duyệt, hey đây là một cái gì đó thực sự quan trọng. Tôi muốn bạn đặt nó trong phông chữ lớn hơn, và nếu ai đó đang sử dụng một thiết bị hỗ trợ, tôi muốn họ biết liệu đây có phải là điều quan trọng không. H2 cũng hiển thị một số loại tầm quan trọng, nhưng không nhiều. Tôi có một thẻ p cho một đoạn văn, và tôi có một thẻ xuống đây gọi là và thẻ neo. Để cho trình duyệt biết, tôi không muốn bạn chỉ hiển thị tài liệu này, tôi muốn bạn thực sự liên kết nó với một trang web khác. Vì vậy, đây là đầu ra khi bất kỳ trình duyệt nào sẽ nhìn vào mã của chúng tôi. Ban đầu, việc học HTML chủ yếu là tìm hiểu tất cả những thẻ khác nhau mà tôi đã cho bạn thấy trong tập tin đó. Điều này được gọi là học cú pháp. Đó là cách bạn tìm hiểu dấu ngoặc nào để sử dụng, dấu gạch chéo ngược, và những thứ khác nhau như thế. Bạn dành phần lớn thời gian của bạn để đi, oh, tôi có nhớ thẻ đó và tôi đã viết nó đúng cách không? Điều đó rất ngắn ngủi. Chỉ trong một khoảng thời gian nhỏ, bạn sẽ có được sự tự tin để không lo lắng về cú pháp của bạn và thay vào đó là suy nghĩ về ngữ nghĩa hoặc ý nghĩa đằng sau các thẻ. Thông tin này quan trọng như thế nào mà tôi đang cố gắng để vượt qua, và đây có phải là thẻ phù hợp để sử dụng? Nếu ai đó đang tìm kiếm trang của tôi, họ có thể tìm thấy những gì họ đang tìm kiếm không? Ngay cả khi họ không thể nhìn thấy văn bản, họ có thể sử dụng các thẻ để điều hướng qua nó không? Vậy điều gì đã xảy ra với HTML1? Tại sao chúng ta lại sử dụng một cái gì đó gọi là HTML5? Vâng, chúng ta hãy nói về những năm đầu. HTML được tạo ra vào năm 1990 như một cách để kết nối điện tử các tài liệu khác nhau thông qua các siêu liên kết. Do đó, ý tưởng này của một web của các kết nối. Những gì đang xảy ra, là các nhà khoa học đã sử dụng Internet để liệt kê các bài nghiên cứu khác nhau của họ, và bạn sẽ có một danh sách dài, mỗi bài báo độc lập với bài báo khác. Nhưng, HTML, đã cho bạn những cách mà bạn có thể đọc một bài báo, và ngay trong văn bản, liên kết đến một bài báo vật lý thú vị khác. Bởi vì khán giả từ HTML có xu hướng là những người như bố tôi ở đó , họ là những nhà vật lý hạt nhân, họ không quan tâm đến những thứ như màu sắc, hình ảnh, hay bất cứ thứ gì không liên quan đến khoa học, và đó là chìa khóa. HTML được dự định để làm việc trên bất kỳ nền tảng nào. Và để làm điều này, bạn thực sự phải tránh những thứ như phông chữ đặc biệt hoặc màu sắc khác nhau hoặc bất cứ điều gì mà là nhiều hơn về bố trí hơn nội dung. Tuy nhiên, vào năm 1993 Mosaic nổi lên như là trình duyệt đồ họa đầu tiên. Và điều đó có nghĩa là có một trình duyệt đầu tiên thực sự giới thiệu ý tưởng về hình ảnh và khi điều đó xảy ra, đã có rất nhiều cuộc tranh luận trong cộng đồng nghiên cứu về việc liệu đây có phải là một điều tốt hay không. Những người tiên phong thực sự muốn giữ cho nó nội dung đơn giản dựa trên, cho phép mọi người truy cập nó. Nhưng những nhà sáng tạo đã nói không. Mọi người thích hình ảnh, họ thích bố cục. Họ thích điều đó thậm chí nhiều như họ thích nội dung. Vì vậy, có một cuộc chiến lớn giữa cách Internet nên phát triển từ thời điểm đó. Vì vậy, sau khi Mosaic nổi lên, việc sử dụng Internet hoàn toàn bùng nổ, và ngày càng có nhiều người sử dụng nó cho các phương tiện thương mại, thay vì chỉ để nghiên cứu. Mosaic đã thách thức mặc dù, dưới dạng Netscape, Internet Explorer và các trình duyệt khác. Đây là sự khởi đầu của những gì chúng tôi gọi là cuộc chiến tranh trình duyệt. Mỗi trình duyệt này quyết định rằng họ muốn tạo ra các thẻ độc quyền này, các thẻ chỉ hoạt động trên trình duyệt của họ. Một số ví dụ là đánh dấu, nơi bạn có thể cuộn văn bản, hoặc nhấp nháy mà sẽ chỉ làm việc trên một số trình duyệt và không phải những người khác. Các thẻ khác là độc quyền, họ thực sự làm việc trên bất kỳ trình duyệt nào, nhưng họ đã đi ngược lại tinh thần ban đầu của HTML. Họ là các thẻ như phông chữ hoặc trung tâm, để làm trung tâm văn bản hoặc màu nền của bạn. Điều này nghe có vẻ không giống như một điều xấu, nhưng một số máy tính không có quyền truy cập, không có khả năng có tất cả các màu sắc khác nhau mà các máy tính khác có thể có. Và điều này dẫn đến một số trang trông rất xấu xí. Điều đó cũng dẫn đến sự khởi nguồn của những gì chúng tôi gọi là những gì được xem tốt nhất trên các tin nhắn. Khi bạn đi đến một trang web, bạn gần như ngay lập tức nói với trình duyệt nào bạn nên thực sự xem trang web trên. Nếu không, bạn sẽ không có được trải nghiệm tối ưu. Tất cả chúng ta trong một cách bị cuộc chiến tranh trình duyệt, hoặc xem tốt nhất trên hình ảnh ngày nay. Nhiều lần khi bạn truy cập một trang, bạn sẽ thấy rằng bạn không thể thực sự truy cập nội dung đầy đủ nếu bạn đang sử dụng điện thoại, trừ khi bạn nhấp vào liên kết đến trang web đầy đủ. Vậy điều này đã xảy ra như thế nào? Làm thế nào chúng ta có được đến mức mà các trình duyệt khác nhau không đồng ý về các vai trò khác nhau mà HTML nên chơi? Điều này trở lại với ý tưởng rằng không ai chạy Internet hay Web. Tuy nhiên, một số nhóm đã có một vai trò chủ động hơn để cố gắng giúp chuẩn hóa những gì đang diễn ra ngoài kia. Đầu tiên là Internet Engineering Task Force, họ thực sự tập trung vào ý tưởng về cách các mạng khác nhau nên cộng tác và làm thế nào họ nên làm việc cùng nhau. World Wide Web Consortium, thay vào đó đề cập đến HTML và sự phát triển của HTML, họ muốn biết những loại thẻ mà các trình duyệt nên và không nên hỗ trợ. Cuối cùng, một trong những nhóm mới nhất, The Web Accessibility Initiative , họ muốn đảm bảo rằng bất kể mọi người truy cập vào web như thế nào, họ có cùng khả năng xem nội dung. Chúng tôi đã có sự tiến hóa của các trình duyệt mà chúng tôi đã nói đến. Năm 1990 đến năm 94, tất cả đều rất đơn giản, dựa trên văn bản. Năm 93, chúng tôi đã nói về cách các hình ảnh vào hiện trường, và gần như đã làm bùng nổ Internet. Khả năng tương thích chéo trình duyệt đã làm cho nhiều trang web chỉ sụp đổ và dẫn đến mã cực kỳ xấu xí. Vào đầu 2000 trình duyệt đã quay trở lại ý tưởng này tách nội dung từ phong cách. Và vào năm 2005, nó đã trở thành thực hành tiêu chuẩn để sử dụng các tập tin HTML, mà chúng ta đang học về trong khóa học này, để tạo ra các tập tin nội dung và CSS để tạo kiểu nó. Vì vậy, khi các trình duyệt phát triển như vậy đã làm HTML. Cách nó có xu hướng hoạt động trong hầu hết các dấu hiệu máy tính và các lĩnh vực công nghệ là đó là các lập trình viên và các nhà phát triển đã đẩy các tiêu chuẩn. Vì vậy, khi lập trình viên biết rằng có ngày càng nhiều điều mà họ muốn có khả năng làm, đó là công việc trình duyệt để theo kịp. Vậy bây giờ chúng ta đang ở đâu? HTML5 là một sự hợp tác giữa W3C và Nhóm công nghệ ứng dụng siêu văn bản Web, và những gì họ đã làm là họ đã thiết lập bốn hướng dẫn cho cách HTML5 nên được tiếp cận như trình duyệt đi để hỗ trợ nó. Ý tưởng đầu tiên là các tính năng mới nên được dựa trên HTML , CSS là ngôn ngữ ký hiệu, DOM và JavaScript. Không còn gì nữa. Họ muốn giảm nhu cầu cho các plug-in bên ngoài, nó rất bực bội khi bạn đang ở trên một trình duyệt và bạn thấy rằng bạn không thể xem video mà ai đó đã đăng. Họ cũng muốn di chuyển để đánh dấu lên, hoặc đánh dấu lên ngôn ngữ có thể thay thế kịch bản. Nếu bạn thấy rằng ngày càng có nhiều nhà phát triển đang viết mã để làm điều gì đó xảy ra, hãy loại bỏ mã và chỉ cần tạo một thẻ đơn giản có thể làm điều đó thay vào đó. Và cuối cùng, HTML5 nên độc lập với thiết bị. Không quan trọng cho dù bạn đang sử dụng điện thoại, máy tính xách tay, PC hay thậm chí trên bộ đọc màn hình. Bạn muốn tất cả mọi người cùng quyền truy cập vào thông tin. Vì vậy, khi bạn nghĩ lại về video này, có một số bài học mà tôi thực sự hy vọng sẽ gắn bó với bạn. Đầu tiên là ý tưởng rằng HTML không phải là một ngôn ngữ lập trình, mà là một cách mà các trình duyệt có thể dịch tài liệu thành các trang web có thể xem được. HTML được dự định để tạo điều kiện thuận lợi cho nhiều loại nội dung khác nhau. Hình ảnh, hình ảnh, liên kết, danh sách. Mọi thứ dọc theo đường dây đó. Những gì chúng tôi đã tìm thấy nghĩ lịch sử của Internet, là khi các nhà thiết kế muốn làm điều gì đó Họ có xu hướng viết mã phi tiêu chuẩn để buộc các trình duyệt làm điều đó. Vì vậy, đây là lý do tại sao chúng tôi đang phát triển các tiêu chuẩn mới trong HTML5 để xử lý những yêu cầu mới mà mọi người mong muốn và thúc đẩy các trình duyệt để áp dụng các tiêu chuẩn mới.